在使用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