element ui 表格中的渲染有多个状态判断的情况

element中表格的使用

模板：

<el-table-column label="支付方式" width="100" align="center">

</template>

</el-table-column>

遇到这种表格的渲染，支付方式，后台返回的是1~4这四个状态

1：表示微信 2：银行卡 3： 4：。。。

当遇到这种没办法使用三元表达式渲染的时候用过滤器（filters 和 data 以及methods 同等级）

filters：{

payType (num) {

if (num == 1) {

return "微信支付"

} else if (num == 2) {

return "银行卡"

} else if (num == 3) {

return "快捷支付"

} else if(num == 4) {

return "余额支付"

}

element ui 表格中的渲染有多个状态判断的情况相关推荐

element ui表格中的algin属性无效
我们在使用element ui表格中,经常需要调整表格内容的文字对齐位置,例如: 文档中描述是使用algin="left / right / center"调整文字对齐,但是我们使 ...
element ui表格中添加开关按钮
又是我们可能会需要在表格中添加类似于启用状态的按钮下面我们一起来看看吧页面代码如下 <el-table-column align="center" label=" ...
Element—UI 表格中换页后序号不变的问题
问题情况:在表格中做出了分页功能后发现分页后的序号还是从1开始解决方法: <el-table-columnlabel="序号"type="index"w ...
element ui 表格中的字太长，想要把多余的字变成...解决方法，一个属性即可
问题描述如下相应代码段 <el-table style="width: 100%" height="330px" :data="tableDa ...
Vue+element ui 表格中时间选择器范围控制(两种方式)
1.页面 <el-table v-loading="loading" :data="tableList" border> <!-- 方法1 - ...
《前端》Element ui 表格（Table）组件中前端实现数据分页和模糊查询--未看
我是用的Element ui 表格(Table)组件中的例子下面是别人自己写的方法: Element ui 表格(Table)组件中前端实现数据分页和模糊查询_明天也要努力的博客-CSDN博客 h ...
Vue Element UI 表格组件利用插槽实现按下按钮后获得本行数据（内容）
Vue Element UI 表格组件利用插槽实现按下按钮后获得本行数据(内容) 能够解决的问题需要在表格中添加一个类似修改或编辑的按钮,按下按钮,弹出的窗口需要本行的渲染数据需要向服务端提交一 ...
element UI 表格实现表尾合计行 ——小肉包
element UI 表格实现表尾合计行 --小肉包可以根据需要计算任意列的合计,效果图如下说明:elementUI 官网提供了标为合计行的计算方法,参考elementUI 官网table组件 ...
Element UI 表格嵌套表单、输入框、选择框
Element UI 表格嵌套表单.输入框.选择框有时候我们需要一次添加多条数据,这个时候我们就可以使用表格嵌套表单.输入框和选择框等等的方式,添加保存和修改数据. 直接展示代码 <el-fo ...

element ui 表格中的渲染有多个状态判断的情况

element ui 表格中的渲染有多个状态判断的情况相关推荐

最新文章

热门文章