在vue中如何操作dom呢?

有时候vue必须要操作dom,那么到底如何操作呢。

首先我们来快速构建一个vue模板

好了,模板构建完成了。在我们要操作的dom上面加上ref,ref就代表别名

然后我们添加个点击事件

在vue的事件中this代表vue实例,那么$refs就是当前实例中的ref所以这里的$refs.hello当然就是我们绑定的div了

我们打印出来看看是不是呢?

果然打印出了div对象。既然拿到了对象剩下的还不好操作?啊哈,就这样吧,一些小技巧.

注意:在组件上使用refs获取到的就是组件,而不是dom

标签: vue

添加新评论