html input 的value变颜色,vue里input根据value改变背景色的实例

这篇文章主要为大家详细介绍了vue里input根据value改变背景色的实例，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随512笔记的小编两巴掌来看看吧！

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改变背景色的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持512笔记。

注：关于vue里input根据value改变背景色的实例的内容就先介绍到这里，更多相关文章的可以留意512笔记的其他信息。

关键词：vue.js

html input 的value变颜色,vue里input根据value改变背景色的实例相关推荐

vue里input根据value改变背景色
vue里input根据value改变背景色 1.首先定义两个不同的class .null-input .el-input__inner { background-color: rgba(255, 25 ...
html中怎么设置input的背景颜色,css里我们选中一个div里的一个input设置背景色
new_object_ 楼主问的是静态的设置背景色还是选中了input后变色?如果是保持颜色则如楼上所述,通过选择器设置input的css样式即可:div input { background-col ...
Vue 里几个重要的指令
Vue 里几个重要的指令 --资源来自黑马程序员 v-text v-html v-on v-show v-if v-bind v-for v-model --资源来自黑马程序员) v-text &l ...
Android之在TextView里面部分文字变颜色并且可以点击
1.问题在TextView里面部分文字变颜色并且可以点击 2.借助SpannableString SpannableString和String一样,是一种字符串类型 public void setS ...
小弟带你走进VUE中input最大值设置出现的问题以及黑科技解决方案
大家好,我是初心. 前言:以下只针对input为number类型并且设置最大值时对应的解决方案.至于其他情况,课后可以自己试试...额,那么继续了目标:提供2种黑科技解决input值不能视图不更新问 ...
练习：----点击按钮文字变颜色
点击按钮文字变颜色 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/ ...
vue里面的model
vue里面的model双向绑定,就是一种代码组合即语法糖,我们之前在实现功能的时候,父组件通过props向子组件里面传递参数,子组件处理完成之后,如果想将结果传回父组件的话,需要调用emit里面的自定 ...
Vue里如何实现excel转json的功能
前言: 因为做微信小程序云开发,在云开发导入数据需要json格式的,然鹅我们市场部的小姐姐给我的文档是excel文件,导致我需要去手动录入,后来在网上搜了下. 有通过复制excel文件内容粘贴后生成的 ...
html中图片超链接边框颜色改变颜色,ppt设置超链接颜色 PPT超链接文字点击后变颜色...
ppt怎么设置超链接字体的颜色准备工具/材料:装有windows 10的电脑一台,Microsoft Office 家庭和学生版 2016 ppt软件. 点击插入-文本框-横向文本框输入文字内容, ...

html input 的value变颜色,vue里input根据value改变背景色的实例

html input 的value变颜色,vue里input根据value改变背景色的实例相关推荐

最新文章

热门文章