码迷,mamicode.com
首页 > 其他好文 > 详细

vue中formatter方法的使用

时间:2020-12-30 10:34:26      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:spl   创建时间   line   label   div   span   class   return   显示   

两种方式都可以,主要是后台传过来数据,有的是字母比如,NY之类的,N代表好,Y代表不好,我们在页面显示时候要显示文字,这个时候用

<el-table-column
                  prop="createTime"
                  label="创建时间"
                  :formatter="dateFormat">

然后js

dateFormat(row, column, cellValue, index){
                const daterc = row[column.property]
                if(daterc!=null){
                    const timeFormat=  daterc.split("T")[0];
                    return timeFormat;
                }
            },

第二种方式

<el-table-column
                  prop="isLine"
                  label="是否在线">
                  <template slot-scope="scope">
                      <span v-if="scope.row.isLine == ‘N‘" style="color:red">不在线</span>
                      <span v-else>在线</span>
                  </template>
                </el-table-column>

 

vue中formatter方法的使用

标签:spl   创建时间   line   label   div   span   class   return   显示   

原文地址:https://www.cnblogs.com/wuzhaoyu/p/14184112.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!