表单

动态转义值 & 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}

收_心

永久会员

打赏 收藏 海报 链接