el-input 給v-model賦了默認值后不能編輯


<el-input v-model="this.value.name"></el-input>

// 這是在一個方法中給value賦值了,方法是直接觸發的
this.value.name = "zs"

問題是,賦值之后原本的input 框中就出現了100,但是不能修改了。

原因是:vue不允許在已經創建的實例上添加新的根級響應式屬性,但可以通過set添加。

所以解決辦法就是把上面賦值這句代碼修改為:

this.$set(this.value, "name", "zs")

 

到此,成功解決。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM