vue+element表格技巧

1、element表格内部实现文本或者字段拼接显示

</el-table-column>

                  <el-table-column

                    prop="oeNumber"

                    label="商品名称/OE"

                    width="180"

                  >

                  <!-- 表格内部拼接 -->

                  <template slot-scope="scope"> 

<!--此处的OE码可以替换成和后面一样的字段进行显示-->

                      {{'OE码：'}}{{scope.row.oeNumber}}

                  </template>

                  </el-table-column>

2、element表格内部实现判断输出

 

:formatter="kucun"

 

使用名为”:formatter” 的方法 在methods中编写相对应的kucun方法进行实现

 

例子：

 

   kucun:function(row,column){

 

      if(row.productStock>4){

 

        return '库存充足'

 

      }else if(row.productStock<4&&row.productStock>0){

 

        return '少量库存'

 

      }else{

 

        return '没有库存'

 

      }

 

    }