vue.js как связать классы с элементами, генерируемыми компонентом плагина

Question

Я использую плагин Vuejs-datatable для нумерации страниц на моей странице. Там я должен код

<datatable-pager v-model="page" type="long" :per-page="per_page"></datatable-pager>

сгенерирует код, подобный этому

<nav>
<ul class="pagination">
    <li>
        <a><a/>
    </li>

    <li>
        <a><a/>
    </li>

    <li>
        <a><a/>
    </li>
</ul>
</nav>

Я хочу связать класс для <a> элементов Как этого добиться, используя vue.js.

Answer 1

Не так уж много вы можете сделать, чтобы добавить классы к элементам, которые находятся глубоко внутри готового компонента, если вы не разветвляете базу кода для указанной базы кода на github и модифицируете ее, чтобы сделать это возможным. Альтернативой может быть добавление класса к самому фактическому компоненту, а затем использование селекторов css для воздействия на эти элементы.

Для этого вы можете сделать что-то вроде:

.pagination li a {
  // Styles affecting the a element here
}

Просматривая документацию по Vue Datatable, создается впечатление, что вы можете добавлять пользовательские шаблоны для таблиц, но не компонент пейджера таблиц.