重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
使用element-ui table组件的筛选功能的一个小坑
创新互联公司是一家集网站建设,云霄企业网站建设,云霄品牌网站建设,网站定制,云霄网站建设报价,网络营销,网络优化,云霄网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
使用自定义模板和筛选功能,一开始的代码
显示 不显示 已处理 未处理
然后发现筛选功能怎么都不能实现,上网查找原因才发现,虽然官网在写自定义模板的示例代码时是这样的:
{{ scope.row.date }} 姓名: {{ scope.row.name }}
住址: {{ scope.row.address }}
{{ scope.row.name }} 编辑 删除
就是使用scope代替了prop,就是没有加上prop。
这就是坑所在地方,element的内部使用筛选功能时应该是使用到了prop,所以加上prop之后筛选功能就可以用了:
显示 不显示 已处理 未处理
使用elementUi 的table组件的筛选功能记得加prop!!!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。