Vue 表格 2 更改排序图标

Question

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

Answer 1

在 Vue 表 2 中有一个选项可以定义排序图标sortIcon Option Reference

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

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