vue计算属性传参,并在get中使用,在set中通过传递的参数赋其他参数的值
时间: 2023-07-16 16:14:42 浏览: 103
vue计算属性get和set用法示例
5星 · 资源好评率100%
可以通过定义一个函数形式的计算属性来实现传参,然后在该计算属性的 get 方法中使用传递的参数,在 set 方法中修改其他属性的值。示例如下:
```javascript
data() {
return {
baseValue: 0,
paramValue: 0
}
},
computed: {
computedValue() {
return (param) => {
if (param) {
this.paramValue = param;
}
return this.baseValue + this.paramValue;
}
}
}
```
在模板中使用该计算属性传递参数:
```html
<template>
<div>
<p>computedValue without param: {{ computedValue }}</p>
<p>computedValue with param 5: {{ computedValue(5) }}</p>
</div>
</template>
```
当传递参数时,会调用计算属性的 get 方法,并在其中修改 `paramValue` 的值;当不传递参数时,只会返回计算属性的值,不会修改其他属性的值。
阅读全文