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表头名称如何动态改变
  • linux查看端口占用情况
  • Win7CMD不是内部或外部命令也不是可运行的程序
  • Notepad++怎么升序排列文本行
  • Notepad++怎么升序排列整数
  • 笔记本电脑卸载网卡设备的方法
  • 热门搜索
    工作流程怎么写 大师漆怎么样 小孩受凉呕吐怎么办 汽车购置税怎么计算 怎么改微博名字 蒜头鼻怎么办 胃火大怎么办 桑塔纳浩纳怎么样 披肩发怎么扎好看 老公不行怎么办