Vue 表格 2 更改排序图标

Question

我使用的是 vue 表 2，默认情况下它使用 glyphicons。我想使用材质图标，我尝试将 span 更改为 i 并通过 javascript 添加 innerText 但是在编译项目后它会重置为带有 glypicon 的 span。我发现了这个：https://github.com/matfish2/vue-tables-2#virtual-dom-functions 但我真的不明白我应该如何改变它。如果有任何其他方式或更好的例子，请告诉我

Answer 1

在Vue Table 2中有一个选项可以定义排序图标sortIconOption Reference

例如你可以像这样添加 font-awesomne​​ 类

options: {
      sortIcon: {
        base : 'fa',
        is: 'fa-sort',
        up: 'fa-sort-asc',
        down: 'fa-sort-desc'
      }
}