vue 条件渲染方式

• Z时代
• 2024-01-10
• 分类：综合

1、通过class绑定

<div :class="{'div-class': this.align == 'center'}"></div>

对应的css

.div-class {
  height: auto;  
}

其中this.align可放在data或props中

2、通过三元表达式

<div :style="{ 'height': this.align=='center' ? 'auto' : '' }"></div>

3、通过计算属性

<div :align="align" :style="getLocality"></div>

在computed中写对应的计算：

computed: {
        getLocality() {
          if(this.align === "center") {
            return "height: auto"
          }
        }
    },

以上是 vue 条件渲染方式 的全部内容， 来源链接： utcz.com/z/379783.html