没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
vue里里input根据根据value改变背景色的实例改变背景色的实例
今天小编就为大家分享一篇vue里input根据value改变背景色的实例,具有很好的参考价值,希望对大家有所帮
助。一起跟随小编过来看看吧
1、首先定义两个不同的、首先定义两个不同的
.null-input .el-input__inner {
background-color: rgba(255, 255, 255, 0.8);
color: #525661;
font-size: 16px;
}
.no-null-input .el-input__inner {
background-color: rgba(255, 255, 255, 1);
color: #524F52;
font-size: 16px;
}
2、根据、根据:class 控制控制input的的class
:class="{ 'null-input':isNullInput, 'no-null-input':!isNullInput}" @change="changeCss"
3、根据、根据change方法判断方法判断input的值的值 然后控制然后控制isNullInput的值的值
changeCss(val) {
if (val === "") {
this.isNullInput = true;
} else {
this.isNullInput = false;
}
console.log(this.isNullInput);
}
但是关于placeholder颜色无法改变
网上的方法试了 没有效果--网上方法:input::-webkit-input-placeholder
以上这篇vue里input根据value改变背景色的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多
多支持我们。
资源评论
weixin_38590520
- 粉丝: 6
- 资源: 939
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 使用 C 语言实现的计算非负整数的阶乘
- 2011-2021最新版本北京大学数字普惠金融指数(PKU-DFIIC).xlsx
- 县域数字乡村指数2018-2020(1).xlsx
- Docker容器配置进阶
- tensorflow-gpu-2.7.4-cp37-cp37m-manylinux2010-x86-64.whl
- 多段线、 圆、弧转多段线(仅我可见)
- tensorflow-2.7.2-cp38-cp38-manylinux2010-x86-64.whl
- 李慧琴C语言基础部分.zip
- yeyue-p8Yi4-ve4a83792.apk
- tensorflow-gpu-2.7.3-cp38-cp38-manylinux2010-x86-64.whl
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功