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/>'
})
上一篇:每个人都能实现的vue自定义指令


下一篇:迁移学习(Transformer),面试看这些就够了!(附代码)