表单
动态转义值 v-if v-else-if v-eles
<el-table-column label="账号状态" align="center" prop="status">
<template slot-scope="scope">
<span v-if="scope.row.status == 1">正常</span>
<span v-else-if="scope.row.stats == 2">封停</span>
<span v-else>未知</span>
</template>
</el-table-column>
label:表头内容
prop:后端返回字段
slot-scope:翻译为:插槽范围,可理解成未来插入的元素。通过此对象可用获取row, column, $index等
v-if:需要指定条件。具体用到Vue变量的哪些值,得用插槽对象.row.变量名
时间格式解析
<el-table-column label="创建时间" align="center" prop="timecreate" >
<template slot-scope="scope">
<span>{{ parseTime(scope.row.timecreate, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
</template>
</el-table-column>
使用方法是{{parseTime(变量,格式)}}
常用格式:{y}-{m}-{d} {h}:{i}:{s} 或 {y}-{m}-{d}
特殊说明:
上述文章均是作者实际操作后产出。烦请各位,请勿直接盗用!转载记得标注原文链接:www.zanglikun.com
第三方平台不会及时更新本文最新内容。如果发现本文资料不全,可访问本人的Java博客搜索:标题关键字。以获取最新全部资料 ❤
第三方平台不会及时更新本文最新内容。如果发现本文资料不全,可访问本人的Java博客搜索:标题关键字。以获取最新全部资料 ❤