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++怎么升序排列整数
  • 笔记本电脑卸载网卡设备的方法
  • 热门搜索
    小学二年级手抄报 地球日手抄报简单字少 文明健康有你有我手抄报 安全知识手抄报图片 数学手抄报的内容 预防新型冠状病毒手抄报 爱劳动手抄报简单漂亮 劳动手抄报简单漂亮 元旦手抄报内容 向英雄致敬手抄报简单