vue 计算属性

Question

<el-collapse-item name="zlyq" v-if="showAction('zlyq')"></el-collapse-item>


computed: {
    // 显示判断
    showAction () {
      return (name) => {
        if (this.viewItem.indexOf(name) !== -1) return true
      }
    }

name 这样写为什么能获取到name的值呢？

Answer 1

1. 这里应该用 method，如果出于缓存数据的考虑，应该对整个数据进行格式化
2. if (xxx) return true 太……直接 return xxx 就好了

Answer 2

showAction()('zlyq')这样就能理解了吧，只不过第一个调用vue帮你做了，而且这种建议使用method，尽量不要用computed。