首页 > 其他 > 详细

vue中自定义指令

时间:2017-06-12 23:21:14      阅读:262      评论:0      收藏:0      [点我收藏+]

在vue中自定义标签,首先要调用vue中一个directive的方法,具体方法:Vue.direction(‘指令名称‘,function(){    });

例如我们要写一个关于颜色的指令,叫v-colorred:

    

1 Vue.directive(‘colorred‘,function(){
2 
3   this.el.style.color=‘red‘;
4 });

 

 

在html中,我直接用v-colorred指令就可以了,例如: 1 <p v-colorred>1234567890</p> 

要点提示:

  1.)再定义标签时,前面不用加v-,但是在用的时候得加上v-;

  2.)不可用vue中已经封装好的标签;

vue中自定义指令

原文:http://www.cnblogs.com/sunsanfeng/p/zidingyibiaoqian.html

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