前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >前端配置

前端配置

作者头像
收心
发布2022-10-31 14:51:26
2100
发布2022-10-31 14:51:26
举报
文章被收录于专栏:Java实战博客

表单

动态转义值 & v-if & v-else-if & v-eles

代码语言:javascript
复制
      <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.变量名

时间格式解析

代码语言:javascript
复制
      <el-table-column label="创建时间" align="center" prop="timecreate" width="180">
        <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}

特殊说明: 以上文章,均是我实际操作,写出来的笔记资料,不会盗用别人文章!烦请各位,请勿直接盗用!转载记得标注来源!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 表单
    • 动态转义值 & v-if & v-else-if & v-eles
      • 时间格式解析
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档