Vue.directive 自定义指令的问题

1.今天复习一下Vue自定义指令的代码,结果出现一个很无语的结果,先贴代码。

 

2.

<div v-change-by="myColor"></div> <script src="http://www.likecs.com/vue.min.js"></script> <script> new Vue({ el:"#example", data:{ msg:"", myColor:"#000" } }); Vue.directive("change-by",{ bind:(el,binding)=>{ el.style.background=binding.value; } }); </script>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzdjpg.html