通过refs和vuex,在一个组件中操作另一个组件的dom对象
当我们需要在组件中操作其他组件的dom时,我们可以把先用refs获取到dom对象,再存到vuex中,然后再组件中获取,这样就对其进行操作了。
在组件a中获取,存到vuex中
<div id="comments" ref="comments" >
...
</div>
mounted () {
this.$store.state.eventComment = this.$refs.comments
},
在组件b中,可以直接取出,对其进行操作
toComments(){
let e = this.$store.state.eventComment
//操作dom对象
e.scrollTop = 580
}