简单理解vue中实例属性vm.$els
发布时间:2020-12-17 03:07:29 所属栏目:百科 来源:网络整理
导读:vue实例属性vm.$els到底是什么?有哪些需要注意的?具体请阅读本文。 不需要表达式 参数: id(必需) 用法: 为 DOM 元素注册一个索引,方便通过所属实例的 $els 访问这个元素。 注意: 因为 HTML 不区分大小写,camelCase 名字比如 v-el:someEl 将转为全小
vue实例属性vm.$els到底是什么?有哪些需要注意的?具体请阅读本文。 不需要表达式参数:id(必需)用法:为 DOM 元素注册一个索引,方便通过所属实例的 $els 访问这个元素。 注意:因为 HTML 不区分大小写,camelCase 名字比如 v-el:someEl 将转为全小写。可以用 v-el:some-el 设置 this.$els.someEl。 我的理解:$els类似于document.querySelector('.class')的功能,可以拿到指定的dom元素。Eg:
注意:在取该dom元素时,不识别驼峰命名,如上例,绑定的值为mainContainer,但是在取dom的时候只能写maincontainer,否则将无法识别. 其实在上一篇文章中我就用到了 vue的实例属性 vm.$els HTML代码:
js代码: 其实 this.$els.addproject.value就相当于: 本文已被整理到了《》,欢迎大家学习阅读。 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |