Vue自定義指令報錯：Failed to resolve directive: xxx

Vue自定義指令報錯

Failed to resolve directive: modle

這個報錯有2個緣由：

1.指令單詞拼錯

2.Vue.directive() 這個方法沒有寫在 new Vue 以前

 

解決辦法：

1.檢查指令拼寫是否正確

2.Vue.directive() 這個方法寫在new Vue以前

Vue.directive('test',{ bind(el,binding,vnode){ console.log(el); el.style.color = "red" } }) new Vue({ el: '#app', components: { App }, template: '<App/>' })