背景详情
功能需求:需要写一个 12 月份的表格,表格的数值是可以修改的。
实现技术:Vue、ElemetUI
问题展示
表格成功回显,但是没办法修改数值??
思考路径:
(1)最开始思考是的,会不会我又子组件去循环修改父组件的数据,导致数据错乱不能修改数据。
props
传入数值,watch
监听数值变化,在 watch
深拷贝数据,依据深拷贝的数据进行下一步的操作。排除了因为子组件修改数据,影响父组件的问题。
(2)最后赋值给 tableData
方式是否有误?
下面是原来的代码(有误的代码)
// --------------------------HTML 部分的代码----------------
<el-table
:data="elecData"
border
>
<el-table-column
v-for="item in 12"
:key="`l${
item}`"