vue---指令怎么写

• Z时代
• 2024-01-10
• 分类：综合

我们在考虑做一些功能性的封装的时候，我们会考虑使用vue的指令来做，那么指令应该怎么写：

具体参考：

https://cn.vuejs.org/v2/guide/custom-directive.html

注册一个加单的指令：

// 注册一个全局自定义指令 `v-focus`
Vue.directive('focus', {
  // 当被绑定的元素插入到 DOM 中时……
  inserted: function (el) {
    // 聚焦元素
    el.focus()
  }
})

注册一个局部指令：

directives: {
  focus: {
    // 指令的定义
    inserted: function (el) {
      el.focus()
    }
  }
}

具体使用：

<input v-focus>

以上是 vue---指令怎么写 的全部内容， 来源链接： utcz.com/z/379829.html