vue-07-自定義指令

1, 全局指令

在main.js中引入

// 註冊一個全局自定義指令 `v-focus`
Vue.directive('focus', {
  // 當被綁定的元素插入到 DOM 中時……
  inserted: function (el) {
    // 聚焦元素
    el.focus()
  }
})

頁面中使用

<div>
    <input v-focus/>

  </div>

 

2, 局部執行指令

在須要的js頁面中引入

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

頁面中使用

<div>
    <input v-focus/>

  </div>