其他分享
首页 > 其他分享> > Vue table显示v-if、v-else-if 多层判断写法

Vue table显示v-if、v-else-if 多层判断写法

作者:互联网

第一种写法:

<el-table-column prop="versionStatus" label="标准状态">
			<template slot-scope="scope">					
					<p v-if="scope.row.versionStatus=='1'">
						在用
					</p>
					<p v-else-if="scope.row.versionStatus=='2'">
						过期
					</p>
					<p v-else-if="scope.row.versionStatus=='3'">
						作废
					</p>
					<p v-else-if="scope.row.versionStatus=='4'">
						停用
					</p>					
			</template>
		</el-table-column>

第二种写法,直接用v-if在这里插入图片描述

标签:Vue,作废,else,table,写法,停用
来源: https://blog.csdn.net/weixin_43550562/article/details/104728157