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