表单

动态转义值 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博客搜索:标题关键字。以获取全部资料 ❤