vue-07-自定义指令

时间 2019-12-05

标签 vue 自定义指令繁體版

原文原文链接

1, 全局指令spa

在main.js中引入code

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

页面中使用blog

<div>
    <input v-focus/>

  </div>

2, 局部执行指令input

在须要的js页面中引入io

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

页面中使用function

<div>
    <input v-focus/>

  </div>