vue 表格中有列需要异步加载_vue + table 动态渲染列,请问有没有更好的实现方式?...

题目描述

vue 使用第三方的表格组件(footable)加载数据,根据某列(状态列)的值来改变操作列渲染哪些操作按钮

自己的思路

目前实现的方法是在tabel组件的列的formatter函数中根据状态动态添加dom操作按钮,然后再绑定注册相关的事件.

因为是第三方的table组件,没有想到如何使用数据更新视图的思想,不知道有没有更好的实现方式,谢谢

相关代码

columns:[

{'name':'id','title':'编号'},

{'name':'state','title':'状态'},

{'name':'oper','title':'操作',

"formatter": function(value, options, rowData){

var oprGroup = [];

console.log(rowData)

var detailHtml = '详情 ';

var editHtml = '编辑 ';

var deletelHtml = '删除 ';

oprGroup.push(detailHtml);

oprGroup.push(editHtml);

oprGroup.push(deletelHtml);

return oprGroup;

}}

],