在vue中，其实计算属性computed是不能直接传参的，如果你直接往计算属性里的方法传参，会报错如下：
在这里插入图片描述

其实针对简单的计算 使用方法methods同样可以实现效果，但是我们知道，计算属性computed是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。

但是如果使用方法methods，就会出现每当触发重新渲染时，调用方法都会再次执行函数；所以我们还是更倾向于使用计算属性；

所以传参可以使用计算属性，但是我们要换个写法，就不会报错了：

例如：
我想根据name展示不同的icon；放在计算属性里：

computed: {
    buttonIcon() {
      return function(name){
        let newMap = {'column':'el-icon-tickets','table':'el-icon-document-copy'}
        return newMap[name]
      }
    }
  },
# vue.js # javascript # 前端
Logo
DAMO开发者矩阵

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

更多推荐

cover

电商客服机器人选型实战：从知识库、转人工到自动解决率的能力对比

avatar DAMO开发者矩阵

ESXi 8.0安装后网络不通？3步排查vSwitch/IP/VLAN，新手也能搞定

优先排查vSwitch是否绑定有效物理网卡，再核对vmkernel端口IP与网关、网段是否匹配，最后检查VLAN标签是否与物理网络一致。这三个步骤层层递进，覆盖了90%以上的网络不通场景，操作简单、逻辑清晰，新手只要跟着步骤排查、纠正错误，就能快速恢复网络连通。本文详细拆解了前期准备、分步排查、连通性测试、异常处理及常见误区，格式与之前ESXi系列教程保持一致，降低新手学习成本。

avatar DAMO开发者矩阵

Science Robotics 演示一次，执行多项：运动智能用于跨机器人技能转移

本文提出运动学智能概念，通过将机器人的运动学约束嵌入控制策略架构，实现跨平台技能迁移。方法基于三类核心技术：1）非尖点型3R机器人分类框架；2）与类别绑定的近约束控制策略；3）冗余机器人参数化降维。实验表明，该方法能在不同构型机器人上实现安全、平滑的任务执行，无需重新示教。研究为可迁移、安全的机器人技能学习奠定基础，未来将扩展至尖点型机器人及动态环境避障。

avatar DAMO开发者矩阵