elementUI是國(guó)內(nèi)前端工程師應(yīng)該都聽過(guò)或者使用過(guò)的前端框架, 不只使用簡(jiǎn)單,而且有著詳細(xì)的文檔和 API。使用 el-input 這個(gè)標(biāo)簽時(shí),我有些情況下在 el-input 是無(wú)法輸入的,綁定的值動(dòng)也動(dòng)不了,刪也刪不掉,改也改不了,所以我做了以下的解決方法的統(tǒng)計(jì),希望可以幫助到大家!
如果大伙遇到了上面的問(wèn)題,以下幾種方法大家都可以試試
1.常規(guī)的操作就是定義一個(gè)方法,在輸入框中,使用forceUpdate強(qiáng)制刷新?
<el-input type='text' v-model='value' @change='change()'></el-input>
change(){
this.$forceUpdate(); //強(qiáng)制刷新
}
2.可能是input的父標(biāo)簽是?template
這個(gè)時(shí)候我們需要在template標(biāo)簽中添加slot-scope 屬性
<template slot-scope="scope">
3.我們有些時(shí)候可能會(huì)忘記加入v-model屬性,來(lái)綁定輸入框中的值,如果忘記加入了,記得補(bǔ)上。
4.除此之外,我個(gè)人遇到的問(wèn)題就是在加入v-model時(shí),將值使用了this來(lái)表示,如下:
文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-520566.html
造成的結(jié)果就是從后端傳來(lái)的數(shù)據(jù)只能顯示在輸入框中,不能改也不能刪,所以大家也可以考慮一下這個(gè)情況,當(dāng)然表單的數(shù)據(jù)最好也不要使用this,雖然不知道原理,但是問(wèn)題確實(shí)出在this上,知道的友友請(qǐng)?jiān)谠u(píng)論區(qū)分享哦~文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-520566.html
到了這里,關(guān)于ElementUI el-input無(wú)法輸入、修改、刪除問(wèn)題解決的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!