el-table中的el-input標(biāo)簽修改值,界面未更新
在el-table中的el-input里面寫的change事件根本不觸發(fā),都不打印,試了網(wǎng)絡(luò)上各種方法都沒(méi)用
然后換成input事件,input事件會(huì)觸發(fā),但界面也未更新。我在觸發(fā)事件的時(shí)候,生成一個(gè)值,用于刷新界面再綁定到el-table上,但會(huì)導(dǎo)致界面強(qiáng)制刷新,體驗(yàn)感很差,
解決
把生成的key值綁定在el-input框上,這樣會(huì)刷新而且效果可以文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-741171.html
<el-table-column
label="計(jì)劃出庫(kù)數(shù)量"
align="center"
width="120px"
:show-oveflow-tooltip="true"
>
<template slot-scope="scoped">
<el-input
v-model="scoped.row.planQty"
type="text"
:maxlength="9"
size="mini"
:index="key"
oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+4)}"
@input="changeOutPlanQty(scoped.row.planQty,scoped.$index)"
/></template>
</el-table-column>
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-741171.html
到了這里,關(guān)于el-table中的el-input標(biāo)簽修改值,但界面未更新,解決方法的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!