vue中表格组件中columns表头名称如何动态改变
1、例如,图片中,我想实现点击切换一单元,表格中表头名称的‘一单元’也发生变化,
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代表的是否选择的为一单元,则可动态的切换表头名称
3、效果如下,简单方便,看似不可改变,加入箭头函数即可动态变化。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:41
阅读量:70
阅读量:69
阅读量:76
阅读量:54