javascript - vue.js 如何将类绑定(bind)到插件组件生成的元素

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>绑定(bind)一个类元素 我如何使用 vue.js 实现此目的。

Answer 1

要将类添加到预制组件深处的元素，您无能为力，除非您在 github 上为所述代码库 fork 代码库并对其进行修改以使其成为可能。另一种方法是向实际组件本身添加一个类，然后使用 css 选择器来影响这些元素。

为此，您可以执行以下操作:

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

查看 Vue Datatable 的文档后，您似乎可以为表格添加自定义模板，但不能为表格分页器组件添加自定义模板。