小编Chu*_*isK的帖子

如何让 Vuex 商店与 Storybook 一起工作?

我有一个组件故事,它需要由我的 Vuex 商店中的 ACTION 执行的 API 调用。但是,Storybook 无法找到该商店:Unhandled promise rejection TypeError: "this.$store is undefined"

我试图通过createdmountedVue 生命周期钩子访问商店,但他们每个人都返回了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)

vue.js vuex storybook

9
推荐指数
2
解决办法
7429
查看次数

如何防止 JavaScript 中鼠标滚轮事件的全页缩放?

我希望能够使用触控板和wheel事件来更新 DOM 元素的比例。它的工作方式与预期一致,但在一些浏览器上它也执行全页面缩放。

我想保持比例更新,但我想防止整页缩放。

我读过添加e.preventDefault轮子事件可以防止这种情况发生。我已经有了,但似乎不起作用。

这是我的代码笔:https://codepen.io/ChucKN0risK/full/JqwrVe

javascript trackpad mousewheel zooming

4
推荐指数
1
解决办法
2268
查看次数

标签 统计

javascript ×1

mousewheel ×1

storybook ×1

trackpad ×1

vue.js ×1

vuex ×1

zooming ×1