其他分享
首页 > 其他分享> > vue中formatter方法的使用

vue中formatter方法的使用

作者:互联网

两种方式都可以,主要是后台传过来数据,有的是字母比如,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,const,在线,column,daterc,timeFormat,formatter,方法,row
来源: https://www.cnblogs.com/wuzhaoyu/p/14184112.html