vue 计算属性computed方法内传参

最新推荐文章于 2024-08-19 10:12:25 发布

骑上我心爱的小摩托

最新推荐文章于 2024-08-19 10:12:25 发布

阅读量3w

点赞数 6

分类专栏：前端 vue 文章标签： vue 前端 computed 计算属性

本文链接：https://blog.csdn.net/cxwtsh123/article/details/83089690

版权

前端同时被 2 个专栏收录

71 篇文章 0 订阅

订阅专栏

vue

41 篇文章 2 订阅

订阅专栏

遇到头疼的vue计算属性传参问题
经过各种资料查找，亲测有效

index.vue

<van-circle
      v-model="Ratedata[index].currentRate"
         color="#2462E8"
         fill="#fff"
         layer-color="#E6E6E6"
         :rate="Ratedata[index].rate"
         :text="text(index)"
         :speed="60"
         :clockwise="true"
         :stroke-width="40"
 />

computed中text方法传递index，利用了闭包传值

computed: {
          text() {
              return function (index) {
                  return this.Ratedata[index].currentRate.toFixed(0) + '%';
              }
          }
        },