vue.js计算属性setter
2016-10-08 14:46
633 查看
计算属性默认只是 getter,不过在需要时你也可以提供一个 setter:
// ...
computed: {
fullName: {
// getter
get: function () {
return this.firstName + ' ' + this.lastName
},
// setter
set: function (newValue) {
var names = newValue.split(' ')
this.firstName = names[0]
this.lastName = names[names.length - 1]
}
}
}
// ...
调用
// ...
computed: {
fullName: {
// getter
get: function () {
return this.firstName + ' ' + this.lastName
},
// setter
set: function (newValue) {
var names = newValue.split(' ')
this.firstName = names[0]
this.lastName = names[names.length - 1]
}
}
}
// ...
调用
vm.fullName = 'John Doe'时,setter 会被调用,
vm.firstName和
vm.lastName也会有相应更新。
相关文章推荐
- vue.js计算属性(getter | setter)
- Vue.js第三天学习笔记(计算属性computed)
- Vuejs——(3)计算属性,样式和类绑定
- vue.js入门教程之计算属性
- 【Vue.js】- 计算属性
- Vue.js 官方文档摘记 计算属性
- Vue.js第三天学习笔记(计算属性computed)
- vue.js 计算属性$watch
- Vue.js计算属性
- vue.js计算属性
- Vue.js学习 Item5 -- 计算属性computed与$watch
- Vue.js计算属性computed与watch(5)
- Vue.js基本规则提炼总结及计算属性学习
- Vue.js学习之计算属性
- Vuejs——(3)计算属性,样式和类绑定
- Vue.js学习 Item5 -- 计算属性computed与$watch
- vuejs教程3-计算属性
- Vue.js 计算属性
- Vue.js每天必学之计算属性computed与$watch
- Vue.js笔记-计算属性 class与style绑定