首页 > 其他 > 详细

定义私有指令 v-fontweight

时间:2019-12-08 18:42:29      阅读:109      评论:0      收藏:0      [点我收藏+]
   // 这是一个私有的指令  他是在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>

 

 

定义私有指令 v-fontweight

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

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