vue实现条件判断动态绑定样式的方法

我们在做前端页面的时候，为了美观直观，希望通过条件判断让页面显示不同的样式，如下图所示：

当值为“是”时，显示绿色标签，当值为“否”时，显示灰色标签。

标签的样式有：

El-tag类型='成功'绿色标签/el-tagel-tag类型='信息'灰色标签/el-tag。关键在于类型的风格部分。我们将vue的样式绑定与三元表达式结合使用

:type='{ condition}？{如果为真} : {否则}

在代码中：

El-tag size=' medium ' : type=' scope。row.is _ multiple==' no '？'信息' : '成功' ' { {作用域。row.is _ multiple}}/el-tag。这个效果可以出来。

以上vue实现条件判断动态绑定风格的方法，都是边肖分享的内容。希望能给大家一个参考，支持我们。