首页 > 解决方案 > 如何使用自定义图标在 vuetify 数据表上运行排序箭头功能?

问题描述

我目前有一个v-data-table来自 Vuetify 的元素,我的一个列标题旁边有一个图标,我通过使用v-slot指令自定义标题添加了该图标。

vue表头的图片

它看起来与上图相似,但箭头图标旁边有另一个图标,这个图标位于我的 Vue 数据表所在组件的子组件中。当我单击向上箭头时,它内置在数据表的标题已经,它正确地重新呈现表中的数据并按应有的方式对列进行排序。如何将相同的功能添加到添加到向上箭头图标的其他图标?

我的想法是尝试更改另一个图标中 v-table 的 options 属性,以便表格重新呈现,这就是我当前更新表格的方式,但我不确定如何访问它。我很感激任何帮助!

取得了很大进展,只需要帮助尝试了解使表的数据更新的各种方法,而不仅仅是更新选项?谢谢你

谢谢你

标签: vue.jsvuetify.jsv-data-table

解决方案


推荐阅读