在使用element-ui 在mounted生命函数获取ref变量

在农行做项目的时候在获取一个为class 为add的标签时候在mounted生命周期函数获取的是undefide,本来想通过$nextTick(()  =>{})本以为能获取到但是没有,后来通过加一个定时器就可以获取到,因为这个按钮是添加新增表单的作用,因此add按钮可以获取到很多,当新增的时候让该按钮隐藏,这样就在updated生命周期函数中获取代码如下:

mounted(){

var btns = document.getElementByClassName("add");

for(let i = 1;i<btns.length;i+){

btns[i].style.display = "none"

}

updated(){

var btns = document.getElementByClassName(".add");

or(let i = 1;i<btns.length;i+){

btns[i].style.display = "none";

}

通过这次做项目可以感受到updated()生命周期组件的任何部分改变都能触发该生命周期函数执行。

原文地址:https://www.cnblogs.com/zhx119/p/11432995.html