簡單理解vue中實例屬性vm.$els

vue實例屬性vm.$els到底是什麼？有哪些需要注意的？具體請閱讀本文。

不需要表達式

參數： id（必要）

用法：

為 DOM 元素註冊索引，方便透過所屬實例的 $els 存取這個元素。

注意：

因為 HTML 不區分大小寫，camelCase 名字如 v-el:someEl 會轉為全小寫。可以用 v-el:some-el 設定 this.$els.someEl。

我的理解：$els類似document.querySelector('.class')的功能,可以拿到指定的dom元素。

Eg:

var _dom = this.$els.maincontainer

注意：在取該dom元素時,不識別駝峰命名,如上例,

注意：在取該dom元素時,不識別駝峰綁定,如上例,

注意：在取該dom元素時,不識別駝峰綁定的值為mainContainer,但是在取dom的時候只能寫maincontainer,否則將無法識別.

HTML代碼：

 <input type="text" class=&#39;name-input&#39; placeholder=&#39;请填写项目名称&#39; v-on:keyup.enter=&#39;saveProjectFun&#39; v-el:addProject>

🎜js代碼：🎜

//当用户按回车后，保存添加的项目
 saveProjectFun:function(){
 var obj={}
 obj.success=false;
 let name=this.$els.addproject.value;
 obj.projectName=name.replace(/\s+/g,""); 
 this.projectData.push(obj);
 this.addp=true;
 }

🎜其實  this.$els.addproject.value就相當於：document. querySelector('.name-input').value🎜