当前位置: 首页 > article >正文

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

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

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


http://www.kler.cn/a/440730.html

相关文章:

  • CompletableFuture异步业务 默认ForkJoinPool 导致类加载器加载类失败
  • 起售停售套餐
  • tij15_泛型
  • Java性能调优 - JVM性能监测及调优
  • React Native学习路线图
  • 计算机组成原理(八):加法器
  • ps案例制作
  • centos使用mkisofs构建无人值守镜像(附官方学习文档)
  • python webdriver-manager 实现selenium 免下载安装webdriver
  • 51c视觉~合集31
  • 【C++】红黑树(万字)
  • 【AIStarter】3.2.1版本更新:告别Bug,提升用户体验
  • 前端(七)定位流
  • 单片机:实现utf-8转gb2312(附带源码)
  • 银河麒麟桌面操作系统添加WPS字体
  • 如何在 Ubuntu 上安装 OpenSearch 开源的搜索引擎
  • BGP-面试
  • Zookeeper其二,zk的java和选举机制,Hadoop的高可用和联邦机制
  • c++ multimap
  • TCP小队列与WiFi聚合