2023.1.11今天我學(xué)習(xí)了使用element el-select組件下拉框選擇數(shù)據(jù)失效的原因以及解決辦法。
如圖：
?
當(dāng)我已經(jīng)選擇啟用狀態(tài)的時(shí)候，然后點(diǎn)擊停用狀態(tài)沒(méi)反應(yīng)。
原因：?
是因?yàn)樵谂渲帽韱蔚倪^(guò)程中，重復(fù)使用了這個(gè)字段。
如：
this.form.status = row.data.status<el-form-item label="狀態(tài)" prop="status">
<el-select v-model="form.status">
<el-option
:label="label"
>
</el-option>
</el-select>
</el-form-item>就是在表單中重復(fù)使用了status這個(gè)字段，然后導(dǎo)致選擇失效。
解決辦法：
在el-select加入@change事件，進(jìn)行強(qiáng)制渲染，這樣就可以完成下拉框的選擇。
<el-form-item label="狀態(tài)" prop="status">
<el-select v-model="form.status" @change="change">
<el-option
:label="label"
>
</el-option>
</el-select>
</el-form-item> change(){
//強(qiáng)制渲染
this.$forceUpdate()
}
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-577199.html
?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-577199.html
到了這里，關(guān)于element el-select下拉框選擇失效的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
