我有一个简单的表格,要求输入用户名和密码。这些是我的Vue.js数据
data: {
app_images:[
{ app: '../assets/img/logos/logo.png' }
],
json_repository:[],
user: {
username: null,
password: null
},
submitted: null
}
表单中的用户名和密码字段绑定到user.username和user.password。按下登录按钮执行doLogin功能
methods: {
doLogin: function() {
this.submitted = this.user;
},
问题是从现在开始,表单中的每个编辑都会更改“已提交”字段中的值,我想避免这种情况
您可以创建数据的副本来避免此问题。
methods: {
doLogin: function() {
this.submitted = Object.assign({}, this.user);
},
现在,您this.submitted
和this.user
不再引用同一对象,并且更改一个不会更改另一个。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句