Vue3中嵌套el-table的from表单，如何确保v-model绑定唯一性？

本文共计2035个文字，预计阅读时间需要9分钟。

目录 + 布局 + 问题分析 + 测试 + 转换思路 + 持续转换思路 + 意外发现的效果 + 出错原因：因为我将`watchEffect`写在了点击事件中 + 每次点击后，它才会启动监听数据并赋值 + 持续转换思路

目录

• 布局
• 问题分析
• 尝试
• 转换思路
• 继续转换思路
• 惊奇的发现效果可以实现
• 出错原因：因为我将weatchEffect写在了点击事件里面 每次点击之后，它才会开启监听数据并赋值
• 继续转换思路

今天，在项目中遇到这样一个效果，具体如下

布局

相信这个布局应该不难，无非就是在表单中嵌套表格而已，代码结构我也发放在下面

那么老板要什么效果呢？

其实就是，当你点击批量填充的时候，将从form中收集到的服务费率和推广结束时间填充到组件table对应位置

问题分析

• 底部table的数据是请求得到的，或者是组件传值得到的，我们具体也不知道有多少条。