vue2computed数据如何传递参数
时间: 2023-11-05 16:05:30 浏览: 130
vue 解决computed修改data数据的问题
在Vue2中,computed属性可以接受参数来动态计算数据。你可以使用一个函数来定义computed属性,并在函数中返回一个函数。这个返回的函数可以接受参数,然后根据参数计算并返回相应的值。
下面是一个示例代码,演示了如何在computed属性中传递参数:
```javascript
data() {
return {
status: 1
}
},
computed: {
statusCom() {
return (val) => {
let result = '';
switch (val) {
case 1:
result = 'New';
break;
case 2:
result = 'In progress';
break;
case 3:
result = 'Inactive';
break;
case 4:
result = 'Close';
break;
case 5:
result = 'Complete';
break;
}
return result;
}
}
}
```
在模板中通过调用statusCom方法,并传入参数来获取动态计算的值:
```html
<template>
<div>
<p>Status: {{ statusCom(status) }}</p>
</div>
</template>
```
在上述代码中,computed属性statusCom返回了一个函数,这个函数接受一个参数val,并根据val的值计算并返回相应的状态名称。
阅读全文