vue element 在el-table中如何获取同一行另一列input框绑定的当前初始数据,然后获取过来的值,赋值给,当前选定input框的初始值
问题描述:
如图,我想把自查得分的初始分数,一开始就显示在督查得分的input框,问题是我只能绑定一个值,如果我绑定了自查得分的值,督查得分的input框就会与自查得分的input框相同,显然不是我想要的。我想就是获取自查得分绑定的初始值,把它放进督查得分的input框,然后我点击input框我可以修改分数,不影响我提交表单。太难了,恳请各位兄台指点。
<el-table-column
label="自查得分"
width="60"
align="center"
prop="RC_Score"
/>
<el-table-column
label="督查得分"
width="100"
align="center"
prop="ZCScore"
>
<template slot-scope="scope">
<el-input
v-model="scope.row.ZCScore"
size="mini"
width="50"
/>
</template>
</el-table-column>
```
答
是这样的,首先,你进来这个页面时候先去对表格数据进行处理,遍历表格每一行数据,然后另row.ZCScore = row.RC_Score,都处理完了之后再渲染表格,这个时候列字段的名称不变,是什么就是什么,这时候每一行督查得分的初始值跟自查得分一样了
答
你给一个触发的条件。或者直接获取的时候,把这个值赋值过来。
row.ZCScore = row.RC_Score
答
最简单的就是,获取到表格数据的时候,循环遍历,然后 督查得分 = 自查得分进行赋值,还有个更简单的办法就是。
建议食用以上方式。
感谢老铁的采纳。
愿你归来之时,头发依然茂密。
👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍