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 的文档后，似乎您可以为表添加自定义模板，但不能为表分页器组件添加。