时间戳

首页 > 解决方案 > Ionic Vue：VueJsPaginate 未显示

vue.js - Ionic Vue：VueJsPaginate 未显示

问题描述

我正在开发一个应用程序，其中包含我想要分页的对象列表。我找到了 vuejs-paginate插件，但我无法让它在我看来工作。

通过 npm 安装并在视图中导入后，它的标签实际上在页面的 HTML 骨架中，但它什么也没显示。控制台中也没有显示错误，只有这个 Vue 警告：

[Vue 警告]：无法解析组件：分页

会不会是导入的问题？你可以帮帮我吗？

我附上了我的部分代码，这样你就可以看到我是如何声明它的。

<template>
  <ion-page>
    <ion-content>
      <paginate
        :pageCount="10"
        :containerClass="'pagination'"
        :clickHandler="clickCallback"
      >
      </paginate>
    </ion-content>
  </ion-page>
</template>

<script>
import {
  IonContent,
  IonPage,
} from "@ionic/vue";

import { defineComponent } from "vue";
import { VuejsPaginate } from "vuejs-paginate";

export default defineComponent({
  name: "Gestion",
  components: {
    'paginate': VuejsPaginate,
  },
  methods: {
    clickCallback: function(page) {
      console.log(page)
  },
});
</script>

我在尝试导入其他“外部”组件时也发生过这种情况。这可能是与离子有关的问题吗？

先感谢您！

标签： vue.jsionic-frameworkpaginationionic-vue

解决方案

推荐阅读