vue这个插件怎么使用呢?

3131975015
  • 409

一个图片放大缩小的插件 文档地址
插件已经安装好了 现在可以用鼠标实现图片的放大缩小
我想用按钮的方式实现 现在有两个按钮 我想点击按钮时实现图片放大缩小
我看文档有两个方法 一个zoomIn和一个zoomOut 我想知道这两个方法怎么写呢 写在哪里?谢谢
<v-zoomer> 方法
reset() – 重置刻度并转换为初始状态。
zoomIn(scale=2) – 放大.
zoomOut(scale=0.5) – 缩小.

<v-zoomer style="width: 500px; height: 500px; border: solid 1px silver;">
  <img
    src="./assets/landscape-1.jpg"
    style="object-fit: contain; width: 100%; height: 100%;"
  >
</v-zoomer>
回复
阅读 337
1 个回答

既然是方法,当然是调用的了。

自己加个 ref,然后 this.$refs['my-zommer-which-you-need-a-name'].zoomOut(0.5)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏