借助boots-vue：如何在b分页组件中的页面按钮上添加类

Question

想象一下，我有一个.vue文件，而我在vue组件中使用bootstrap-vue并在模板中使用以下代码：

<b-pagination
  :total-rows="totalRows"
  :per-page="perPage"
/>

它将在浏览器页面中以以下输出代码进行编译：

<ul class="pagination b-pagination">
  <li class="page-item active">
    <a href="#" class="page-link btn-primary">1</a>
  </li>
  <li class="page-item">
    <a href="#" class="page-link btn-light">2</a>
  </li>
  <li class="page-item">
    <a href="#" class="page-link btn-light">3</a>
  </li>
</ul>

如何从.vue文件中向分页组件的a元素中添加类？

Answer 1

我不确定是否可以将类添加到a元素，但是可以使用以下命令在CSS中选择a元素：

.b-pagination li .page-link {
  //CSS rules
}