0
点赞
收藏
分享

微信扫一扫

自定义v-color指令

徐一村 2022-09-01 阅读 54

 

在自定义指令的时候,和js行为有关的,最好就写在inserted中去,防止js代码不生效。
和样似有关的操作放在bind中去
Vue.direactive 【d儿 Rai K T V】 没有s哈

 

<body>
<div id="app">
<input type="text" value="" v-color="'red'">
//注意red有单引号和双引号,red变量要使用单引号扩起来哈

Vue.directive("color", { //【d儿 Rai K T V】
bind: function (el, binging) {
el.style.color = binging.value; //接受颜色
console.log(binging) //Object {name: "color", rawName: "v-color", value: "red", expression: "'red'",
},
inserted: function (el) {

},
updated(el) {//[a p dei ti d]
//当v-model跟新的时候,就会执行这个函数 这个函数会执行多次
},
})

var vm = new Vue({
el: "#app",
data: {

}
});
</script>
</body>

 

遇见问题,这是你成长的机会,如果你能够解决,这就是收获。


作者:晚来南风晚相识​

本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接

如果文中有什么错误,欢迎指出。以免更多的人被误导。


举报

相关推荐

0 条评论