ElementUi中ref和id两种方式或者dom进行样式更改;el-input,el-select,el-textarea通过ref获取改变边框等样式,及通过id获取改变样式

使用elment的el-input,el-select,el-textarea通过ref获取到加上边框等样式的方式

我这里是写的关于或者到错误的输入框然后将样式更改

在需要的地方通过ref设置好名称,然后通过array拿到对应需要改变的ref,通过遍历对每个进行样式更改,通过refs拿到的进行验证,判断是输入框还是文本域还是选择框,然后做样式更改。

利用ref获取到单独的框,然后通过末班字符串形式遍历加上去改变样式,也可以自己打印refs,可以看看对比

 // 错误的框进行改变
    changeColor() {
   
    
    
        let array = this.ErrData
              array.forEach(item => {
   
    
    
                // console.log(this.$refs[`${
    
     
     item}`],'111');
                if(this.$refs[`${
    
     
     item}`].$children.length <1){
   
    
    
                  if(this.$refs[`${
    
     
     item}`].$refs.input

猜你喜欢

转载自blog.csdn.net/qq_41180882/article/details/127411804