С bootstrap-vue: Как добавить класс к кнопкам страницы в компоненте b-pagination

Question

Представьте, что у меня есть файл .vue, и я использую bootstrap-vue в своем компоненте 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>

Как добавить класс в элемент a компонента нумерации страниц из файла .vue?

Answer 1

Я не уверен, что вы можете добавить класс к элементу a, но вы можете выбрать элемент a в CSS с помощью следующего:

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