如何通过wenzhixin操作vue-bootstrap-table

Question

我只是想问一下如何进一步操作 wenzhixin 的 vue-bootstrap-table

到目前为止，这是我的 vue-bootstrap-table：

https://i.sstatic.net/WGDpZ.png

这是我的问题：

如何重新排序我的固定工具栏？根据上面的截图，我可以将垃圾桶按钮移到高级搜索按钮之后吗？.

在高级搜索模式中，如何操作文本框并更改为日期选择器？ 这是一张图片： https://i.sstatic.net/VLjkZ.png

如何将名字列（参考截图表格）中的行数据做成链接？

Answer 1

首先，使用它使 bootstrap-table 为 vuejs3/composition api 做好准备，如下所述：https://github.com/wenzhixin/bootstrap-table/issues/5915#issuecomment-2093371461

然后您可以向表中添加引用，然后像这样引用它：

<BootstrapTable
  ref="table">
</BootstrapTable>

在脚本部分您可以执行以下操作（例如，在此处获取选定的项目）：

const table = ref(null);
$(table.value).bootstrapTable("getSelections")

聚会迟到了，但我希望这对某人有帮助！