1. 程式人生 > 其它 >22.el-input輸入框值輸入無顯示怎麼解決?

22.el-input輸入框值輸入無顯示怎麼解決?

技術標籤:前端

22.el-input輸入框無顯示怎麼解決?

原因

有時候el-input由於巢狀的層級比較多,資料雙向繫結實現不了。
解決辦法一:
減少巢狀層數
解決辦法二:
在這裡插入圖片描述

// 監聽input事件
<el-input v-model="loginForm.username" prefix-icon="el-icon-s-custom" placeholder="請輸入使用者名稱" @input="change($event)"></el-input>

在這裡插入圖片描述

// 在method方法中寫
    // 多層巢狀無法輸入解決方法
change(e) { this.$forceUpdate() },