vue操作dom

Author Avatar
yizhiyan 2月 18, 2019

在vue中如何操作dom呢?

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

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

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

然后我们添加个点击事件

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

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

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

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

  1. Download说道:

    Hello there, I discovered your site by the use of Google whilst looking for
    a similar subject, your website got here up, it seems good.

    I have bookmarked it in my google bookmarks.

    Hi there, simply changed into aware of your blog thru Google,
    and located that it’s truly informative. I’m gonna be careful
    for brussels. I will appreciate should you proceed this in future.
    A lot of other people shall be benefited out of your writing.
    Cheers!

发表评论

电子邮件地址不会被公开。 必填项已用*标注