qq_34129170的博客

原创 vue表格编辑弹出模态框，v-model绑定原有值，在点击关闭或取消编辑时仍然改变了原有的值

解决vue中采用v-model双向绑定数据时导致修改了数据后取消编辑，原有数据改变的问题最近在使用vue，但是之前没有系统地学习过vue，所以都是一边看官方文档，面向百度搜索进行前端开发。最近在对table表格中的某项数据进行修改时遇见了一些问题，在网上看了一下解决方案，但都不太完整，在此整理记录一下，一方面自己记录一下，一方面希望能帮助到像我一样在不断踩坑的vue小白。问题描述话不多说，上图。添加数据后，表格中显示如下：点击编辑时弹出模态框，在模态框中的输入框采用v-model对数据进行双向绑定