vue三元式进行样式绑定

Posted 小小菜_v

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue三元式进行样式绑定相关的知识，希望对你有一定的参考价值。

Vue 三元式进行样式绑定

<template slot-scope="scope">
	<el-tag 
	 :type="(scope.row.audit == 'pass' ? '' : (scope.row.audit == 'audit' ? 'success' : (scope.row.audit == 'reject' ? 'danger' : 'warning')))" disabled-transitions>
	 {{scope.row.audit}}
	 </el-tag>
</template>

以上是关于vue三元式进行样式绑定的主要内容，如果未能解决你的问题，请参考以下文章

Vue3样式引入和使用

在vue中使用样式的方法

vue 中内样式动态绑定的 坑!!

Vue知识整理9：class与style绑定

Vue实现多个按钮切换样式

Vue中样式