时间戳

首页 > 解决方案 > vue.js 如何将类绑定到插件组件生成的元素

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

问题描述

我在页面中使用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 实现这一点。

标签： javascriptvue.jsvuejs2

解决方案

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

为此，您可能会执行以下操作：

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

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

推荐阅读