vue2.0中怎麼獲取元素

在元素上添加 v-el:food-wrapper (不用駝峯的寫法)vue

vue1版本app

這裏寫圖片描述

報錯:this

這裏寫圖片描述

vue2版本atom

這裏寫圖片描述

這裏寫圖片描述

(vue2把vue1中的 v-el 改成了 ref 
vue1 v-el:foods-wrapper 調用的時候 this.el.foodsWrappervue2ref:foodswrapper調this.spa

refs.foodsWrapper 這樣寫會報錯 
緣由: 
一、ref 的 key 和你填的key是同樣的, 不會自動轉換成駝峯式,若是你要用駝峯式 直接用ref=」foodsWrapper」 就能夠了(解析不了 「-」 就儘可能避免使用 「 -」 )code

調用的時候 

 vue1:   this.$el.

 vue2:   this.$refs.menuWrapper
相關文章
相關標籤/搜索