logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue如何添加重复数据

Vue如何添加重复数据循环:常规:v-for="value in data"缺陷:无法添加重复数据track-by可以添加重复数据track-by='索引' 提高循环性能track-by='$index/uid(数据库id)'用例:divid="box">input type="button" value="添加" @click="add">

vue防止闪烁(当网速慢时,访问页面出现花括号)

angular防止闪烁:v-cloak,一般用在大段落vue防止闪烁:v-text{{msg}} ->   双括号用v-text防止闪烁,如代码1{{{msg}}} ->   三个括号用v-html防止闪烁,如代码2代码1示例div id="box">span>{{{msg}}}span>span v-text="msg">span>div>sc

Vue-click事件

Vue-click事件(此外事件还有mouseover,mouseout,dblclick,mousdown...):v-on:click="函数"v-on:click/mouseout/mouseover/dblclick/mousedown.....new Vue({el:'#box',data:{ //数据    arr:['apple','banana','oran

vue计算属性computed的使用

计算属性computed描述:在同一个实例化对象中,其中一个属性改变,要求另外一个属性也跟着改变angular事件监听:  $scope.$watch计算属性的使用:computed:{b:function(){//默认调用getreturn 值}}小例子:div id="box">a => {{a}}br>b => {{b}}div>

vue事件的延迟执行

vue事件的延迟执行:div id="box">input type="text" @keyup="show | debounce 2000">div>script>var vm=new Vue({data:{},methods:{show:function(){

vue的单击隐藏、双击出现事件:

vue的显示隐藏:v-show=“true/false”实例script>    window.onload=function(){        new Vue({            el:'#box',            data:{//数据                a:true            }        });

到底了