1、禁用状态下隐藏placeholder:
::v-deep input:disabled::-webkit-input-placeholder{
-webkit-text-fill-color: rgba(255,255,255,0);
}
2、只读状态下隐藏placeholder:
::v-deep input:read-only::-webkit-input-placeholder{
-webkit-text-fill-color: rgba(255,255,255,0);
}
应用场景:
点击“查看”按钮,所有组件都是只读状态,若el-input无值则直接显示空,方便用户查看。