首页 > 其他分享 >antd-vue table 表头同时存在sorter,Slots 排序升序失效“”解决“”

antd-vue table 表头同时存在sorter,Slots 排序升序失效“”解决“”

时间:2022-08-16 18:46:23浏览次数:81  
标签:vue 自定义 表头 升序 antd Slots 排序

 

产品给出的需求是 这个客户数同时有提示跟升序 于是乎我用了 Slots自定义表头 但是发现排序只能降序无法升序 

后来发现是 排序的事件绑定到了自定义表头上面去了   好像是组件库本身的问题 没找着解决问题

后来发现了一个Tabel 一个API  filterDropdown 自定义列筛选功能 可以在表头后面插入一个功能   而我只是插入一个tip

 

 

然后通过scopedSlots 配置 filterDropdown是显示功能的slot   filterIcon是显示图标 以及tips文本的slot 

 

 

 

 

 

最后

 

 

 

 至此算是曲线救国了吧

 

标签:vue,自定义,表头,升序,antd,Slots,排序
From: https://www.cnblogs.com/xiduoshi/p/16592553.html

相关文章

  • vue 上传文件并读取文件内容(支持txt,xlsx,doc)
        安装依赖npminstallxlsxnpmimammoth--save引入importXLSXfrom'xlsx'import*asmammothfrom'mammoth' <divstyle="display:fl......
  • vue学习之------兄弟组件通过EventBus共享数据
    1、先安装mitt依赖包[email protected]、写一个公共的引入mitt的js文件 3、父组件 4、发送数据:BroOnebus.emit(" 约定好的事件名称",要发送的数据) 5......
  • vue3引入axios
    1.下载axiosnpminstallaxios--save2.在scr目录下自定义一个request文件夹  3.在刚刚建的文件夹中创建一个引入axios的api.js文件4.api.js里......
  • vue 白屏问题汇总及解决方案
    常见的出现白屏的原因有哪些vue项目打包的路径问题解决:vue.config.js中publicPath:''./"路由重复或者没有配置路由(1)由于把路由模式mode设置成history了,默认是ha......
  • VUE+Django前后端分离-第四部分【后台数据如何展示在前端table表格中】
    一、后端返回数据后端返回的数据格式如下:{"msg":"success","data":[{"rule":1,"result":"exception",......
  • vue 事件中央总线
    vue事件中央总线作用:实现任意组件间的通信实现的方法:有以下两种方式方式1:全局事件总线1.在main.js文件中定义newVue({el:'#app',router,store,rende......
  • Vue Router与Vue组件传值
    实战使用Vue.js创建一个具有2个页面的应用,要求:有两个页面:首页和二级页运行项目后默认进入首页,首页显示“跳转中”三秒后,自动跳转到二级页写两个页面,利用传值;改变......
  • vue-router跳转页面的两种方式
    1.通过path地址(1)query传参:/path?key1=value&key2=val2...this.$router.push(`/detail/${this.msg}/dfdf`)(2)params传参:/path/${this.msg}/dfdfthis.$router.pus......
  • Vue项目中select下来选项绑定国际化语言
    1.当切换语言的时候,想要响应式地更新下拉选项,关键点是用$t(item.label)取得语言。注意item.label左右是不带引号的,否则会当作原字符串输出。<el-selectv-mo......
  • vue 调用摄像头 Demo2
    代码html<videoid="videoCamera":width="videoWidth":height="videoHeight"autoplay></video><canvasstyle="display:none"id="canvasCamera":width="......