vue条件判断

望风也等你

已于 2022-07-19 10:59:37 修改

阅读量423

点赞数

分类专栏：前端文章标签： vue

于 2022-07-19 10:58:35 首次发布

本文链接：https://blog.csdn.net/m0_48912797/article/details/125867695

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<el-table-column prop="sex" label="性别">
					<template #default="scope">
						<span v-if="scope.row.sex == 1">男</span>
						<span v-else-if="scope.row.sex == 2">女</span>
						<span v-else>保密</span>
					</template>
				</el-table-column>

<template slot-scope="scope">
          <span v-for="item in options2" v-if="item.id === scope.row.classId">{{item.className}}</span>
        </template>

<template  #default="scope">
						<span v-for="item in restList" :key="item.value"><span  v-if="item.id == scope.row.resId">{{item.resName}}</span></span>
					</template>

下拉选择框

<el-select v-model="form.admin" class="handle-input mr10" placeholder="请选择">
						<el-option v-for="item in options" :key="item.value" :label="item.roleName" :value="item.id">
						</el-option>
					</el-select>

<el-table-column type="index" label="序号" align="center" width="50">
					<template #default="scope">
						<span>{{scope.$index + (query.current-1)*query.size + 1}}</span>
					</template>
				</el-table-column>

根据数据来更新页面数据

<template slot-scope="scope">
          <span v-for="item in options2" v-if="item.id === scope.row.classId">{{item.className}}</span>
        </template>