iview table slot里用input等改变数据,不会改变原 data数组

在路上_w

于 2019-10-22 11:23:06 发布

阅读量1.3k

点赞数 1

本文链接：https://blog.youkuaiyun.com/wanghuan93/article/details/102679224

版权

本文探讨了在Vue项目中使用Table组件时遇到的问题，当使用v-model双向绑定更新表格数据时，发现computed属性未能实时反映数据变化。文章深入分析了这一现象的原因，并提供了解决方案，包括如何正确地在子组件中修改父组件传递的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

所以computed不管用,

           <Table size="small"   :columns="projectColumns" :data="projectData" >
                <template slot-scope="{ row,index }" slot="projectPrice">
                     <InputNumber v-model="row.projectPrice" @on-change="projectDataChange(row,index)"/>
               </template>
                  
            </Table>



   projectDataChange(row,index){
                this.projectData[index]=row;
                this.projectData.splice(0,0)
            },