手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

vue中表格组件中columns表头名称如何动态改变

时间:2024-10-13 15:45:02

1、例如,图片中,我想实现点击切换一单元,表格中表头名称的‘一单元’也发生变化,

vue中表格组件中columns表头名称如何动态改变

2、 正常写法如下:‘一单元’被写死,无法变化, {key:争犸禀淫'price',title: '一单元'dataIndex:'pri艘早祓胂ce',align:'center',scopedSlots:{customRender:'price'}}而在title加一个箭头函数:{key:'price',title:()=>(this.oidSelect=='一单元'?'一单元':'二单元'),dataIndex:'price',align:'center',scopedSlots:{customRender:'price'}}this.oidSelect代表的是否选择的为一单元,则可动态的切换表头名称

vue中表格组件中columns表头名称如何动态改变

3、效果如下,简单方便,看似不可改变,加入箭头函数即可动态变化。

vue中表格组件中columns表头名称如何动态改变
© 手抄报圈