时间:2021-05-25
vue1.*版本中
在标签中加上el='dom',然后在代码中this.$els.dom这样就拿到了页面元素
例如:<div class='box' v-el: myBox>你好</div>
让你好的颜色显示为红色:this.$els.my-box.style.color = 'red'
vue2.*版本中
在标签中加上ref='dom',然后在代码中this.$refs.dom这样就拿到了页面元素
例如:<div class='box' ref='myBox'>你好</div>
让你好的颜色显示为红色:this.$refs.myBox.style.color = 'red
以上这篇基于vue1和vue2获取dom元素的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
Vue过渡Vue的过渡系统是内置的,在元素从DOM中插入或移除时自动应用过渡效果。过渡的实现要在目标元素上使用transition属性,具体实现参考Vue2过渡
在项目中开始使用vue2来构建项目了,跟vue1很大的一处不同在于2取消了props的双向绑定,改成只能从父级传到子级的单向数据流,初衷当然是好的,为了避免双向
这两天学习了ElementUI基于vue2.0开发学习,这个知识点挺多的,而且很重要,所以,今天添加一点小笔记。使用vue2.0(ElementUI基于vue2
Nuxt.js是一个基于Vue.js的通用应用框架。集成了Vue2、Vue-Router、Vuex、Vue-Meta,用于开发完整而强大的Web应用。它的特性有
1、新建两个文件夹,分别用于存放vue-cli2和vue-cli32、进入vue2文件夹下载安装vue-cli2.0vue-cli2.0版本下载命令为npmin