Vue计算属性的使用

不传参

computed: {
    // 仅读取
    aDouble: function () {
      return this.a * 2
    },
    // 读取和设置
    aPlus: {
      get: function () {
        return this.a + 1
      },
      set: function (v) {
        this.a = v - 1
      }
    }
  }

在插槽中传参

<img style="width: 100px" :src="_downloadUrl(scope.row)" class="image">

computed: {
    _downloadUrl(){
      return function(row){
        return 'process.env.VUE_APP_UPLOAD_URL' + row.savePath + '/' + row.saveName
      }
    }
  }
posted @   Kelvin's  阅读(19)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示