qq_43619994的博客

原创 vue-v-model 双向绑定-编辑弹框修改数据后点击取消后恢复原数据

这两天做vue项目时用到了v-model来绑定表单里的输入数据，我们输入数据后表单也能显示我们输入的数据，但是当我们不想修改数据时，点击取消按钮也不能恢复原来的数据，百度了一下，发现可以用js提供的Object.assign()对象方法来解决，原文地址，但总觉得这个方法有点麻烦，于是想到了localStorage.setItem(key,value)：将value存储到key字段，我们可以在修改按钮设置点击事件保存我们的原始数据handleEdit () {// 修改 // 先用localStorage存储