vue panzoom 内容小于视口禁止滑动

要实现这个功能，你需要在panzoom组件中监听内容的大小，然后根据内容的大小来判断是否禁止滑动。具体实现可以参考以下步骤：

1.在panzoom组件中添加一个ref属性，用于获取panzoom的容器元素。

2.在mounted生命周期中，使用ref获取容器元素，并监听其大小变化。

3.在监听函数中，获取容器元素的大小，判断容器元素的高度和宽度是否小于视口的高度和宽度，如果是，则禁止滑动，否则解除禁止滑动。

以下是一个简单的示例代码：

<template>
  <div ref="container">
    <div ref="content">
      <!-- panzoom内容 -->
    </div>
  </div>
</template>

<script>
import panzoom from 'vue-panzoom'

export default {
  components: { panzoom },
  mounted() {
    const container = this.$refs.container
    const content = this.$refs.content
    const observer = new ResizeObserver(() => {
      const containerWidth = container.offsetWidth
      const containerHeight = container.offsetHeight
      const contentWidth = content.offsetWidth
      const contentHeight = content.offsetHeight
      if (containerWidth >= contentWidth && containerHeight >= contentHeight) {
        //禁止滑动
        this.$refs.panzoom.disable()
      } else {
        //解除禁止滑动
        this.$refs.panzoom.enable()
      }
    })
    observer.observe(container)
  },
}
</script>

在上面的代码中，我们使用了ResizeObserver来监听容器元素的大小变化，在监听函数中判断容器元素的大小是否小于视口的大小，然后调用panzoom组件的disable和enable方法来禁止和解除禁止滑动。