el-select

el-option里面不要使用v-model进行数据绑定

修改样式

问题

想要强制修改el-input样式

解决

使用穿透>>>

.psUsTag >>> .el-input__inner {  
  background: white !important;  
  text-align: center;  
  border: 0;  
  width: auto;  
  border-radius: 0;  
  text-decoration: underline;  
}

修改el-input中placeholder属性(此处演示修改第一个el-input的placeholder)

1
2
3

.psUsTag:first-child >>> .el-input__inner::placeholder {  
  color: #f57e7e;  
}

el-button点击后不失焦

问题

el-button点击后不失去焦点

解决

强制失焦

1	<el-button icon="el-icon-upload2" @click="submitUsInfo($event)">提交</el-button>

buttonBlur(evt) {  
  let target = evt.target;  
  if(target.nodeName === "SPAN" || target.nodeName === "I"){  
    target = evt.target.parentNode;  
  }  
  target.blur(evt);  
}