Shulou(Shulou.com)06/02 Report--

This article will explain in detail how to obtain dom elements from vue. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.

The method that vue obtains dom element: 1, add id to the corresponding dom element, use "document.getElementById (" id ")" statement to get the element; 2, add "ref=" name "to the corresponding dom element, and use" this.$refs.name "to get the element.

The operating environment of this tutorial: windows7 system, vue2.9.6 version, DELL G3 computer.

Vue gets and manipulates DOM elements

Method 1:

Directly add id to the corresponding element, then document.getElementById ("id") to get it, and then set the corresponding attribute or style

Method 2:

Using ref, add ref= "name" to the corresponding element, and then this.$refs.name to get the element

Note: before getting the corresponding element, you must mount it on the mount hook, otherwise the value obtained will be empty.

If you add an id to a subcomponent and modify the custom property, it will directly load the outer p corresponding to the subcomponent and will not change the value of the original custom property of the subcomponent.

If you add a ref to a child component, and then change the value of the corresponding custom attribute after getting the DOM element, vue will report an error:

This is the end of this article on "how vue gets dom elements". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.