我有一个组件故事,它需要由我的 Vuex 商店中的 ACTION 执行的 API 调用。但是,Storybook 无法找到该商店:Unhandled promise rejection TypeError: "this.$store is undefined"。
我试图通过created和mountedVue 生命周期钩子访问商店,但他们每个人都返回了undefined.
我的 Vuex 商店在我的应用程序中正常工作。
我在 storybook5.0.1和 vuex上运行3.1.1。
这是我的故事书config.js:
// Taken from https://davidwalsh.name/storybook-nuxt & https://github.com/derekshull/nuxt-starter-kit-v2/blob/master/.storybook/config.js
import { addParameters, configure } from '@storybook/vue';
import { withOptions } from '@storybook/addon-options';
import { setConsoleOptions } from '@storybook/addon-console';
import { create } from '@storybook/theming';
import Vue from 'vue';
import VueI18n from 'vue-i18n';
// Vue plugins
Vue.use(VueI18n); …Run Code Online (Sandbox Code Playgroud) 我希望能够使用触控板和wheel事件来更新 DOM 元素的比例。它的工作方式与预期一致,但在一些浏览器上它也执行全页面缩放。
我想保持比例更新,但我想防止整页缩放。
我读过添加e.preventDefault轮子事件可以防止这种情况发生。我已经有了,但似乎不起作用。