vue根据类名获取元素,vue动态添加类名

　　本文主要介绍了如何通过vue类名获取动态生成的元素，具有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

目录

　　类名获取动态生成的元素如何获取和操作dom元素

类名获取动态生成的元素

　　首先注意，这个元素必须在id为app的元素中。

　　新Vue({

　　埃尔： #app ，

　　})

　　其次，因为是动态生成的，要获取这个元素，需要在created中使用nextTick。

　　您可以用$(拼接所需的元素类名。圈 I)。

　　这个。$nextTick(()={

　　for(var I=1；I this . carlist . length 1；i ) {

　　$(.圈 I)。css(left ，this.random(0，1650))

　　}

　　})

　　在写样式的时候遇到了一点问题：

　　框的边距会折叠(当两个框嵌套时会发生这种情况，并且当父框和子框同时设置边距时，实际的magin会取两个边距中的最大值)

　　解决办法：

　　添加到父元素

　　溢出：隐藏

如何获取并操作dom元素

　　方法一：

　　将id直接添加到元素中，通过使用document.getElementByID ("ID ")获取，然后操作dom元素。

　　已安装(){

　　this . element=document . query select( # element _ 1 )；

　　this . element . style . color= red ；

　　}

　　为什么用在mouted hook？

　　因为vue只有在mounted被执行的时候已经渲染了dom节点，所以在这个时候获取dom节点是可能的。

　　方法二：

　　使用ref将ref="name "添加到元素中，用这个获取元素。$ ref="name，然后对元素进行操作。

　　//定义引用

　　Div= div _ 1 获取元素/div

　　//获取并操作

　　这个。$ refs . div _ 1 . style . background color= red

　　建议：尽量不要在vue中操作dom元素，使用ref操作属性获取。

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。