element的table表格数据校验

**

element的table表格数据校验

**
当使用element的table时，后台返回的状态是数字转态，我们要把数字变成汉字
下边三种解决方式：

方法1：（直接判断值）

<el-table :data="tableData" stripe style="width: 100%">
    <el-table-column  label="状态" align="center">
         <template  slot-scope="scope">
            <span v-if="scope.row.type==1">启动</span>
             <span v-else-if="scope.row.type==2">暂停</span>
             <span v-else="scope.row.type==3">等待</span>
        </template>
	</el-table-column>
</el-table>

方法2：（formatter属性检验）

<el-table :data="tableData" stripe style="width: 100%">
    <el-table-column  label="状态" align="center" :formatter="formatter"> </el-table-column>
</el-table>

//使用
formatter(value){
  let type="";
  if(value==1){
	    type="启动"
	}else if(value==2){
		type="暂停"
	}else if(value==3){
		type="等待"
	}
	    return type;
	},
}

方法3：（filters过滤器）

<el-table :data="tableData" stripe style="width: 100%">
    <el-table-column  label="状态" align="center"> 
           <template  slot-scope="scope">
                   {{scope.row.type | types}}
        </template>
    </el-table-column>
</el-table>

//使用
filters：{
   types（value）{
     let type="";
  if(value==1){
	    type="启动"
	}else if(value==2){
		type="暂停"
	}else if(value==3){
		type="等待"
	}
	    return type;
	},
   }
}