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

2025-04-14 14:44:39

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表头名称如何动态改变
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢