vue.js - 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 表 2 中有一个选项来定义排序图标sortIcon 选项参考

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

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