Vue Computed计算属性传参数

Vue Computed计算属性传参数

Vue中的Computed属性是无法直接传参数的，看网上有其他办法，现记录一下；

实现原理：使用闭包函数来实现；
部分实现代码如下：

<template>
...
<el-form-item>
       <el-input type="number" :placeholder="intervalValuePlaceholder(item)" v-model.number="item.minAmt"
                 class="input-value">
       </el-input>
       <p style="font-size:12px;line-height:30px;color:#999;">Tips : 不填默认为0</p>
</el-form-item>
...
</template>
<script>
...
computed: {
     
      intervalValuePlaceholder () {
     
        return function (item) {
     
          return item.intervalValueType === 1 ? '区间下限(万元)' : '区间下限(百分比)'
        }
      }
    },
...
</script>