zoukankan      html  css  js  c++  java
  • 自定义v-color指令

    在自定义指令的时候,和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>
    作者:明月人倚楼
    出处:https://www.cnblogs.com/IwishIcould/

    想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!

    如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,或者关注博主,在此感谢!

    万水千山总是情,打赏5毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!

    想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!

    支付宝
    微信
    本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
    如果文中有什么错误,欢迎指出。以免更多的人被误导。
  • 相关阅读:
    PHP文件系统处理(二)
    PHP中的文件系统处理(一)
    PHP中常用正则表达式大全
    PHP中的正则表达式的使用
    SLF4J日志框架
    内部类
    计算机存储单位
    Maven 要点
    Maven 父类工程创建及引用
    Eclipse Maven Web项目创建
  • 原文地址:https://www.cnblogs.com/IwishIcould/p/12006463.html
Copyright © 2011-2022 走看看