Question

我希望得到xy坐标数据，以便触摸＆＃39; pan＆＃39;用户按下手指并拖动它的事件。我正在使用Vue2和Nuxt并尝试添加Vue-Touch Package。

我用npm安装了软件包，然后在我的Nuxt设置中添加了一个插件，添加了一个＆＃39; touch＆＃39;将文件夹添加到＆＃39;插件＆＃39;文件夹，包括＆＃39; index.js＆＃39;文件：

import Vue from 'vue'; 
import VueTouch from 'vue-touch';
Vue.use(VueTouch, {name: 'v-touch'});
export { VueTouch };
export default VueTouch;

然后，我在页面中创建了一个我想要画布的元素<v-touch v-on:tap="myClickEvent">My Element</v-touch>。我正在尝试注册一个tap事件，以确保在我移动到平底锅之前包正常工作。

当我运行我的项目时，我收到两个错误：

[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render.

＆安培;

[Vue warn]: Unknown custom element: <v-touch> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

有关让我的Vue-Touch程序包运行的任何建议吗？

提前致谢。

Answer 1

您是否已将配置添加到plugins文件的nuxt.config.js部分？

module.exports = {
  plugins: [{
    src: '~plugins/touch',
    ssr: false
  }]
}

Nuxt Vue2应用程序，添加Vue-Touch包

1 个答案: