computed的set
时间: 2023-11-15 20:57:24 浏览: 87
vue.js的computed,filter,get,set的用法及区别详解
计算属性默认只有get方法,如果需要设置计算属性的值,需要手动添加set方法。set方法会在计算属性被赋值时触发,可以在其中进行一些操作,例如修改其他数据或者进行一些逻辑判断。在set方法中,需要传入一个参数,即要设置的新值。同时,需要注意的是,计算属性的set方法只能接收一个参数,而且必须有返回值,用来设置属性,称为set函数。下面是一个例子:
computed: {
fullName: {
get: function() {
return this.firstName + this.lastName;
},
set: function(newName) {
var names = newName.split(' ');
this.firstName = names;
this.lastName = names[names.length - 1];
}
}
}
在上面的例子中,当计算属性fullName被赋值时,会触发set方法,将新的值分割成firstName和lastName,并分别赋值给对应的数据。
阅读全文