菜单

简短明了vue中实例属性vm.$els,vm.els

2019年8月24日 - jQuery

简简单单领悟vue中实例属性vm.$els,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:

<div
v-el:mainContainer></div>

var _dom = this.$els.maincontainer

留心:在取该dom成分时,不识别驼峰命名,如上例,绑定的值为mainContainer,不过在取dom的时候只得写maincontainer,不然将不可能识别.

实际在上一篇文章中小编就用到了 vue的实例属性 vm.$els

HTML代码:

 <input type=”text” class=’name-input’
placeholder=’请填入项目名称’ v-on:keyup.enter=’saveProjectFun’
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

正文已被收拾到了《Vue.js前端组件学习课程》,应接我们学习阅读。

如上就是本文的全体内容,希望对大家的求学抱有支持,也意在我们多多帮助帮客之家。

http://www.bkjia.com/Javascript/1176518.htmlwww.bkjia.comtruehttp://www.bkjia.com/Javascript/1176518.htmlTechArticle简单理解vue中实例属性vm.$els,vm.els
vue实例属性vm.$els到底是什么样?有啥样须求注意的?具体请阅读本文。
不要求发挥式 参数: id(必须)…

vue实例属性vm.$els到底是什么样?有如何须要专心的?具体请阅读本文。

不供给表达式

参数: id(必需)

用法:

为 DOM 成分注册二个索引,方便通过所属实例的 $els 访问这几个因素。

注意:

因为 HTML 不区分轻重缓急写,camelCase 名字比如 v-el:someEl
将转为全小写。能够用 v-el:some-el 设置 this.$els.someEl。

作者的明亮:$els类似于document.querySelector(‘.class’)的效果,能够获得钦命的dom成分。

Eg:

<div
v-el:mainContainer></div>

var _dom = this.$els.maincontainer

注意:在取该dom元素时,不识别驼峰命名,如上例,绑定的值为mainContainer,然则在取dom的时候只得写maincontainer,不然将不可能识别.

实在在上一篇小说中本身就用到了 vue的实例属性 vm.$els

HTML代码:

 <input type=”text” class=’name-input’
placeholder=’请填入项目名称’ v-on:keyup.enter=’saveProjectFun’
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

本文已被收拾到了《Vue.js前端组件学习课程》,招待大家学习阅读。

如上就是本文的全体内容,希望对大家的读书抱有协助,也目的在于大家多多帮助脚本之家。

你或者感兴趣的小说:

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图