最近开发项目中用到了$els 经过查阅后来归纳一下
$els 为 DOM 元素注册一个索引,方便通过所属实例的 $els 访问这个元素。
注意:
因为 HTML 不区分大小写,camelCase 名字比如 v-el:someEl 将转为全小写。可以用 v-el:some-el 设置 this.$els.someEl。
我的理解:$els类似于document.querySelector('.class')的功能,可以拿到指定的dom元素。(注意v-el在vue2.0中已经删除改为ref="someEl" 驼峰形式的命名)
Eg:
<div v-el:mainContainer></div>
var _dom = this.$els.maincontainer
注意:在取该dom元素时,不识别驼峰命名,如上例,绑定的值为mainContainer,但是在取dom的时候只能写maincontainer,否则将无法识别.
_initScroll(){
this.meunScroll=new BScroll(this.$els.goodsWarpper )
}
<div class="goods_warpper mui-scroll-wrapper" style="left: 0;" ref="goodsWarpper">