Failed to resolve directive: el vue2報錯

vue2報錯 Failed to resolve directive: el

爲何會報這個錯呢，主要仍是由於vue升級的時候，v-el在vue2.x之後被淘汰。使用新的標籤ref替換v-el，接下來告訴你們怎麼使用。

以前v-el的寫法

1 <div class="menu-wrapper" v-el="menu-wrapper">
2       <ul class="menu">
3         <li v-for="item in goods" class="menu-item">
4           <span class="text">
5             <span v-if="item.type>0" class="icon" :class="classMap[item.type]"></span>{{item.name}}
6           </span>
7         </li>
8       </ul>
9     </div>

這是使用ref的寫法 

      *請注意：menuWrapper不能使用menu-wrapper這種寫法了

1 <div class="menu-wrapper" ref="menuWrapper">
2       <ul class="menu">
3         <li v-for="item in goods" class="menu-item">
4           <span class="text">
5             <span v-if="item.type>0" class="icon" :class="classMap[item.type]"></span>{{item.name}}
6           </span>
7         </li>
8       </ul>
9     </div>

 對應的這裏經過js獲取dom元素的時候，寫法也發生變化

1 this.menuScroll = new BScroll(this.$refs.menuWrapper, {})