0
点赞
收藏
分享

微信扫一扫

vue.js 的 自定义指令directives

辰鑫chenxin 2022-02-11 阅读 114

参考官方链接 https://cn.vuejs.org/v2/guide/custom-directive.html
注册一个全局自定义指令 Vue.directive(‘xxx’,{})

Vue.directive('focus', {
  // 当被绑定的元素插入到 DOM 中时……
  inserted: function (el) {
    // 聚焦元素
    el.focus()
  }
})

使用时添加v-前缀 可以在模板中任何元素上使用新的 v-focus

<input v-focus>

想注册局部指令,组件中也接受一个 directives 的选项
v-xx:[abc]=‘xxx’

参数说明
第一个参数 为绑定的元素
第二个参数 为传递的对象

举报

相关推荐

0 条评论