【在 Vue3 的计算属性中传递参数】
在Vue中计算属性不可以接受参数,但是可以通过闭包的形式,返回出去一个函数,来实现在计算属性中传递参数。
下面的是代码示例:
<td v-for="(cell, colIndex) in row">
{{ data(cell) }}
</td>
const data =computed(()=>{
// 通过闭包的形式,在计算属性里传递参数
return (cell)=>{
if(cell.func.length>0) {
if(cell.func.includes("sum")) {
return 'sum'
}else if(cell.func.includes("average")) {
return 'average'
}
}else {
return cell.content
}
}
})
通过以上的方式就可以实现在计算属性中传递参数了。