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

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

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


vuejs2 bootstrap-4 vue-component bootstrap-vue
person Adriano    schedule 18.01.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

.b-pagination li .page-link {
  //CSS rules
}
person nardnob    schedule 21.01.2019
comment
Мне нужно добавить класс, меня устраивают селекторы css, спасибо. :) - person Adriano; 22.01.2019
comment
Затем вы можете рассмотреть возможность использования javascript для добавления класса, поскольку я не вижу этой функции в документации. - person nardnob; 22.01.2019