Javascript Vuejs：如何根据条件给出模式大小

我在一个页面中实现了一个引导vue模式。模态的大小为lg或大。对于特定的if条件，我希望大小为lg，对于else条件，我希望大小为md。是否有方法使用vuejs属性实现此目的

<b-modal id="modal-1" size="lg">
  <upgrade-popup></upgrade-popup>
</b-modal>

尝试过这样的条件，但似乎不起作用

:size="{'lg': freeUser, 'md': !freeUser}"

速记如果 如果

：size=“freeUser？”lg'：“md”

使用速记，可以快速生成

if/else

，但仅限于此。但是避免了很多额外的标记

---

计算属性 还可以使用计算属性来缓存值。并且仅当使用的内部属性更改时才重新计算。在这种情况下，

freeUser

{
计算：{
getSize（）{
返回此。免费用户？'lg'：'md'
}
}
}

---

方法 方法选项允许您轻松地处理更多条件或更高级的情况，如computed属性。但与computed属性不同，方法允许您传入属性，例如，如果您需要基于

v-for

中的内容来处理属性，则这些方法非常有用

{
方法：{
getSize（自由用户）{
返回此。免费用户？'lg'：'md'
}
}
}

当

freeUser

值更改时，您是否希望使用类似于

的东西：size=“freeUser？”lg'：“md”

为您工作？或者使用computed来更新大小。

:size="{'lg': freeUser, 'md': !freeUser}"