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>