vue中$el等属性
1. 属性:
只举例常见的部分属性
* vm.$el
获取Vue实例关联的DOM元素;
* vm.$data
获取Vue实例的data选项(对象)
* vm.$options
获取Vue实例的自定义属性(如vm.$options.methods,获取Vue实例的自定义属性methods)
* vm.$refs
获取页面中所有含有ref属性的DOM元素(如vm.$refs.hello,获取页面中含有属性ref = “hello”的DOM元素,如果有多个元素,那么只返回最后一个)
2. $el 和 $refs 的区别
这里主要讲,组件中使用的区别
首先 $refs
是指整个组件,里面包括 data、dom、method
等;
而 $el
是指组件的DOM元素
所以在需要通过js触发达到点击触发时需要这样:
this.$nextTick(()=>{
this.$refs.xxx.$el.click()
})