vue裡input根據value改變背景色

2021-08-20 09:07:34 字數 490 閱讀 8464

vue裡input根據value改變背景色

1、首先定義兩個不同的class

.null-input .el-input__inner

.no-null-input .el-input__inner

2、根據:class 控制input的class

:class

=""

@change

="changecss

"3、根據change方法判斷input的值 然後控制isnullinput的值

changecss(

val)

else

console.

log(

this.

isnullinput); }

但是關於placeholder顏色無法改變

網上的方法試了 沒有效果--網上方法:input

::-webkit-

input

-placeholder

獲取微信小程式的input控制項的value

如何獲取呢?大體上兩種辦法 一是利用控制項本身的事件,不斷的重新整理data裡的某個屬性值,常用是bindinput bindblur。前者是錄入時處理,後者是控制項失去焦點時處理。如果每個控制項都需要乙個繫結的方法,這當然是可怕的。利用bindblur說明一下如何使用乙個方法來解決全部控制項的繫結...

Vue中封裝input元件

最近有點忙不過來 脫了很久,沒有更新 抱歉。今天要將的時如何自定義封裝input元件 博主知識發個簡單的模板 碼友們可以更具自己的實際專案新增需要的引數 我的專案中的ui圖是這樣的 如下 子元件的模板設定 completion input box input box name type text r...

input標籤根據輸入字元動態自適應寬度的實現

思路一 監聽input框的onkeyup和onkeydown事件 input type text onkeydown this.onkeyup onkeyup this.size this.value.length 4?this.value.length 4 size 4 以上是理應input的si...