Vue自定义指令报错:Failed to resolve directive: xxx

Posted on 2018-12-14 16:20  猫头唔食鱼  阅读(11980)  评论(0编辑  收藏  举报

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/>'
})