vue.js - 如何在 Vue.js 中根据条件添加或隐藏道具？

Question

我有一个标题组件，其中有一些道具。

        <Header
              :next="gonext"
              :isSuccess
              ...
            />
    
    method: {
    isTshirt(){
    return this.productType ==='t-shirt'
    }
  }

如何检查上述 isTshirt 条件是否为真，然后删除 :next 道具及其值，否则使用该道具？

标签： vue.jsvuejs2vue-component

Answer 1

next您可以在prop中创建条件语句

:next="(isTshirt()) ? gonext : undefined"

或者您可以将上面的条件语句放在计算属性中。