elementUI table手动实现列宽改变数据绑定解决思路参考

elementUI table手动实现列宽改变数据绑定解决思路参考

element UI table文档:http://element-cn.eleme.io/#/zh-CN/component/table#table-events

  • 根据文档我们发现可以通过header-dragend事件来获取列宽改变的一些信息

    elementUI table手动实现列宽改变数据绑定解决思路参考

  • 添加测试函数


    elementUI table手动实现列宽改变数据绑定解决思路参考
    网页

    elementUI table手动实现列宽改变数据绑定解决思路参考
    Vue data

    elementUI table手动实现列宽改变数据绑定解决思路参考
    Vue methods
  • 事件测试


    elementUI table手动实现列宽改变数据绑定解决思路参考
    默认宽度

    elementUI table手动实现列宽改变数据绑定解决思路参考
    事件获取的数据

    elementUI table手动实现列宽改变数据绑定解决思路参考
    找到标识信息
  • 修改测试函数


    elementUI table手动实现列宽改变数据绑定解决思路参考
    test
  • 最终效果


    elementUI table手动实现列宽改变数据绑定解决思路参考
elementUI table手动实现列宽改变数据绑定解决思路参考
上一篇:wtai协议(saiy兄告诉的)


下一篇:6秒拉起3000个!阿里云Severeless产品背后的底层技术究竟有多硬核?