在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 
        }
      
      }
    })

通过以上的方式就可以实现在计算属性中传递参数了。

有疑问可以评论区留言讨论

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐