我们对computed的基础用法不陌生,比如前端项目中经常会遇到数据处理的情况,我们就会选择computed方法来实现。但大家在碰到某些特殊场景,比如在template模板中for循环遍历时想给自己的计算属性传参,这个该怎么实现呢,很简单,在computed里返回一个函数就可以了,代码式例贴出来了,希望能够帮助你!
<script setup>
import {ref,computed } from 'vue'
const arrList = ref('你好','星期','二')
const result =computed(()=>{
return (text) =>{
return text+'1'
}
})
</script >
<template>
<div v-for="item in arr" >
<span v-html="result (item)">
</span>
</div>
</template>