Vue2.0 过滤器的简单使用

<el-table :data="tableData" border style="width:100%">

<el-table-column prop="goodsName" label="商品名称"></el-table-column>
<el-table-column prop="count" label="数量" width="70"></el-table-column>
<el-table-column prop="price" label="单价" width="70"></el-table-column>
<el-table-column prop="totalPrice" label="小计" width="70"></el-table-column>
<el-table-column  label="操作" width="100" fixed="right">
<template scope="scope">
<el-button type="text" size="small" @click="delRow(scope.row)">删除</el-button>
</template>
</el-table-column>

</el-table>

 //  删除表格中的一行可使用以下方法

delRow(item){

//过滤器filter，重新给tableData赋值
this.tableData=this.tableData.filter(o => o.goodsId !=item.goodsId);
}