计算属性又没有拆分get/set
时间: 2023-10-06 10:05:25 浏览: 39
计算属性可以拆分为getter和setter。getter用于获取计算属性的结果,而setter用于设置计算属性的结果。在Vue实例中,可以通过computed选项来定义计算属性的getter和setter。例如:
computed: {
fullName: {
get: function() {
return this.firstName + ' ' + this.lastName;
},
set: function(value) {
var names = value.split(' ');
this.firstName = names\[0\];
this.lastName = names\[1\];
}
}
}
在上述代码中,fullName是一个计算属性,它由firstName和lastName拼接而成。当获取fullName时,会执行getter函数,返回拼接后的结果。当设置fullName时,会执行setter函数,将输入的值拆分为firstName和lastName。这样,通过v-model指令绑定在表单元素上的fullName会自动拆分为firstName和lastName。
#### 引用[.reference_title]
- *1* *3* [计算属性](https://blog.csdn.net/javascr_/article/details/100001640)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [全面了解Vue3的 ref 和相关函数和计算属性](https://blog.csdn.net/weixin_48967543/article/details/115570414)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]