时间戳

首页 > 解决方案 > 在挂载的钩子函数中初始化 Viewer.js。（错误：第一个参数是必需的，并且必须是一个元素）

javascript - 在挂载的钩子函数中初始化 Viewer.js。（错误：第一个参数是必需的，并且必须是一个元素）

问题描述

我是 vue.js 的新手，我正在尝试使用 npm 模块实现图像缩放、旋转、缩放和其他一些功能npm viewerjs：

我按照以下步骤操作：Github repo。我遇到了如下问题：

问题

研究了github问题并在这里找到了答案：Github问题链接 。@fengyuanchen说：

必须Viewer.js在mounted钩子函数中初始化。

如何在mounted中初始化viewer.js？

标签： javascriptvue.jsvuejs2viewer

解决方案

这将被视为初始化：https ://github.com/fengyuanchen/viewerjs#syntax 。
使用mounted生命周期钩子来调用它：https ://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks

由于Viewer需要 html 元素，您可以使用 Vueref来引用容器元素：<div class="container" ref="foo">然后将其提供给mounted钩子中的 Viewer 构造函数：

mounted() {
  const viewer = new Viewer(this.$refs.foo)
}

示例如何在此处进行设置，您必须提供所需的选项和 UX。 https://codesandbox.io/s/kk4n8xjn25

推荐阅读