当没有项目 VUEJS + VUETIFY 时如何禁用 v-pagination

问题描述

当列表中没有项目或只有一页时，我想禁用按钮

apiVersion: extensions/v1beta1
kind: Ingress
Metadata:
  annotations:
    kubernetes.io/ingress.class: Nginx
    Nginx.ingress.kubernetes.io/auth-tls-secret: mynamespace/my-ca
    Nginx.ingress.kubernetes.io/auth-tls-verify-client: optional
  name: ingressA
  namespace: mynamespace
spec:
  rules:
  - host: hosta.com
    http:
      paths:
      - backend:
          serviceName: myservice
          servicePort: http
        path: /
  tls:
  - hosts:
    - hosta.com
    secretName: mysecret

--- 

apiVersion: extensions/v1beta1
kind: Ingress
Metadata:
  annotations:
    kubernetes.io/ingress.class: Nginx
    Nginx.ingress.kubernetes.io/auth-tls-verify-client: off
  name: ingressB
  namespace: mynamespace
spec:
  rules:
  - host: hosta.com
    http:
      paths:
      - backend:
          serviceName: myservice
          servicePort: http
        path: /v8/something/abc
  tls:
   - hosts:
    - hosta.com
    secretName: mysecret

JS

<v-model="currentPage"
      :length="lastPage"
      total-visible="10"
      prev-icon="mdi-menu-left"
      next-icon="mdi-menu-right"
      @input="handlePageChange"
      class="elevation-0"
      >
</v-pagination>

解决方法

据我所知，Vuetify 几乎在每个组件上都提供了 disabled 道具。所以我认为你可以在你的 v-pagination props 中添加 :disabled="lastPage <2"