随笔分类 - VUE
摘要：<template> <view> 跑马灯效果 //uniapp 代码 <view class="box"> <view class="" :class="{anim:animate==true}" > <view class="item" v-for='(item,index) in items'
阅读全文
摘要：要用递归 //调用接口的方法 就是要循环调用他 getOneData(){ return new Promise((resolve,reject)=>{ getData(url,obj).then(res=>{ resolve(res) }) }) } //递归调用方法 index ：要调用几次既循
阅读全文
摘要：父组件 <template> <div class="father"> <component :is="currentTab" ref="child"></component> <button @click="clickFn">点击调用子组件方法</button> </div> </template
阅读全文
摘要：过滤器里写法 filters:{ sexFilter(i){ let sexStatus = { '0':'男', '1':'女', } return sexStatus[i]; } }
阅读全文
摘要：vm.$emit(event, [...args]) 触发当前实例上的事件，附加参数都会传给监听器回调。 涉及到组件之间的通信的问题，组件之间的通信可以分为以下几种： 父子组件传递，父向子传递采用 props，子向父采用事件 emit。 非父子组件的传递，全局 event bus, 创建一个新的 v
阅读全文
摘要：1、父组件可以使用 props 把数据传给子组件。 2、$emit子组件调用父组件的方法并传递数据 示例 父组件 $emitFa.vue <template> <div> <div>$emit子组件调用父组件的方法并传递数据</div> <h1>父组件数据：{{msg}}</h1> <emit-ch
阅读全文
摘要：1，vue.config.js module.exports = { devServer: { port: 8888, // 端口号，如果端口号被占用，会自动提升1 host: "localhost", //主机名， 127.0.0.1， 真机 0.0.0.0 https: false, //协议
阅读全文
摘要：main.js要引入echarts.js import echarts from 'echarts' Vue.prototype.$echarts = echarts src>components 文件夹下创建Charts 文件夹 里面添加echart组件 例如barChart.vue <templ
阅读全文
摘要：data（）{ return{ } } 不使用return包裹的数据会在项目的全局可见，会造成变量污染；使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件 v-html 直接解析data中带标签的文本 @click @dblclick 单击和双击 v-on:mouseover=""
阅读全文
