iView table动态设置filters

Vue.js 同时被 2 个专栏收录
4 篇文章 0 订阅
3 篇文章 0 订阅

iView中table组件的筛选filters如何设置为动态

官方栗子请点这里

更新:2018年12月10日

常规写法都是把filters写死了的

columns: [
	..., {
		...,
		filters: [{
			label: 'Greater than 25',
            value: 1
		}, {
	        label: 'Less than 25',
	        value: 2
        }],...
	},...
]

但是有时候我们需要的是可以根据后台所给的数据初始化filters,这时候需要做的并不是在data写下filters: this.variable,而是在你需要改变他的时候写下(例如:接收到响应的时候):

this.columns[index].filters = variable;

iView table组件会监听columns和data的改变而重新渲染。

但是如果是写成上述filters: this.variable方式

  • 首先vue加载的时候运行到this.variable,此时this.variable的值为undefined
  • 然后table组件并不会监听到columns的变化而重新渲染,毕竟此时table都还没渲染,而且data中其他值的变化又不会重新给columns赋值

END

  • 1
    点赞
  • 15
    评论
  • 0
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

评论15
请先登录 后发表评论~
©️2021 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页

打赏作者

Headmaster_Tan

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值