首页 > 其他 > 详细

自定义v-color指令

时间:2019-12-08 18:49:25      阅读:96      评论:0      收藏:0      [点我收藏+]

 

在自定义指令的时候,和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变量要使用单引号扩起来哈
</div> <script> 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>

 

自定义v-color指令

原文:https://www.cnblogs.com/IwishIcould/p/12006463.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!