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

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

2、  正常写法如下：‘一单元’被写死，无法变化，

            {

                  key: 'price',

                  title:  '一单元' 

                  dataIndex: 'price',

                  align: 'center',

                  scopedSlots: { customRender: 'price' }

                }

而在title加一个箭头函数：

              {

                  key: 'price',

                  title: () => (this.oidSelect == '一单元' ? '一单元' : '二单元'),

                  dataIndex: 'price',

                  align: 'center',

                  scopedSlots: { customRender: 'price' }

                }

this.oidSelect代表的是否选择的为一单元，则可动态的切换表头名称

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