vue.js如何将类绑定到插件组件生成的元素

Question

我在页面中使用Download a Full Example on GitHub插件进行分页。 我必须编码

<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的文档后，看起来好像可以为表添加自定义模板而不是表分页器组件。