定义私有指令 v-fontweight

走远了吗. 提交于 2019-12-08 18:36:26
   // 这是一个私有的指令  他是在vm这个实例对象里里面的  所以说是私有的  directives 多一个s
            // 在css中是font-Weight。在第二个字母的大写该为小写,去掉横线。
            // 这中写法跟原生的jS控制css是一样的
            //font-Weight:控制字体的粗细   100 200 300 。。。。。 900
            //font-Weight: 定义由粗到细的字符。400 等同于 normal,而 700 等同于 bold。

 

<body>
    <div id="app">

        <div v-fontweight="600">1212</div>
    </div>
    <script>
        var vm2 = new Vue({
            el: "#app",
            data: {

            },

            methods: {

            },

            directives: {
                "fontweight": {
                    bind: function (el, bingding) {
                        el.style.fontWeight = bingding.value
                    }
                }
            }
        })
    </script>
</body>

 

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!