vue.js 赋值都是双向绑定,如何只赋值但是不双向绑定 ?

代码:

https://img.mukewang.com/5c1ef41e00017e2b07000893.jpg

第一步: 点击修改1

方法update1中把 a赋值给vue的this.b属性,赋值过后a对象被添加了get/set方法,
在input的中对属性this.b进行了双向绑定,修改input的值id修改为3,name修改为name3
进行第二步点击返回会把this.b = "" ,但是其实a的值已经被改变了,变成了id=3,name=name3.
所以再次点击修改1按钮,input的值等于被修改过后的值(即使3和name3)

我只想单纯的把a的值赋被ths.b,不管this.b如何改变,a都保持最原始的数据(id=1,name=name1), a对象保持不变, 该怎么做 ?

就是有没有什么方式能够让 a 的值赋值给 this.b 过后 , a 对象不发生任何改变 ?

图片可以看出: 第一次a 只是单纯的对象 ,但是执行 this.b = a 过后, a 被添加了 get和set 导致input修改会把a的值改变

https://img1.mukewang.com/5c1ef42c000131d602490219.jpg

找到方法了, 把input的 v-model 修改为 :vlaue, 只进行赋值,再用reset()清空表单即可


一只萌萌小番薯
浏览 2646回答 1
1回答

沧海一幻觉

想回答来着,看到题主自己解决了v-model 改为 :value 即可===========================================vuejs官方文档有说明:使用自定义事件的表单输入组件<input&nbsp;v-model="something">这不过是以下示例的语法糖:<input&nbsp;v-bind:value="something"&nbsp;v-on:input="something&nbsp;=&nbsp;$event.target.value">
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript