vue的自定义指令的坑
因为一个滑动删除的需求,所以简单写了一份vue自定义指令删除事件。
vue的自定义指令,分为全局和局部的,两者写法其实差距并不大。举例:
<li v-moveDel v-for="(item,index)> //全局 Vue.directive('moveDel',{ bind: function (el,binding) { el.style.background = 'red';//el即为被绑定的元素 console.log(binding.value.index);//binding.value可以获取被绑定元素的一些属性值 }); }, unbind: function () { // } }); //局部 directives:{ moveDel:{ bind: function (el,binding) { }, unbind: function () { // } }
一切都很顺利,照着上面的格式写自定指令都ok,但在绑定数据绑定自定义指令时,发现一个被渲染的数据获取的高度为null,其余的反而完好。
解决办法,加上一个一次性的定时器就ok了,这可能就是vue的自定义指定绑定的一个坑。