亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何禁用故事書的鍵盤快捷鍵

如何禁用故事書的鍵盤快捷鍵

慕田峪7331174 2024-01-18 14:33:51
我正在使用 Storybook 6.0.25 作為我的 vue 項目文檔之一,其中我使用小于和大于鍵盤按鈕在記錄之間切換。但是當我按小于時,故事書會用它自己的快捷方式響應按鍵來打開“關于”頁面。有什么方法可以讓故事書停止實現其所有或指定的快捷方式?其他快捷鍵是“s”、“d”、“f”,開發人員顯然可以將它們用于不同的目的!以下是我的故事書 vue 項目中的 main.js 配置文件:const path = require('path');module.exports = {  stories: ['../../src/**/*.stories.@(js|ts)'],  addons: [    '@storybook/addon-docs',    '@storybook/addon-actions',    '@storybook/addon-controls'  ],  webpackFinal: async (config, { configType }) => {    // Use Sass loader for vuetify components    config.module.rules.push({      test: /\.s(a|c)ss$/,      use: ['style-loader', 'css-loader', 'sass-loader'],      include: path.resolve(__dirname, '../'),    });    config.module.rules.push({      resolve: {        alias: {          '@': path.resolve(__dirname, '../src'),          vue: 'vue/dist/vue.js',          'vue$': 'vue/dist/vue.esm.js',                  },      },    });    // Return the altered config    return config;  },}
查看完整描述

3 回答

?
白板的微信

TA貢獻1883條經驗 獲得超3個贊

您可以通過設置打開或關閉快捷方式enableShortcuts:true/false。


查看完整回答
反對 回復 2024-01-18
?
婷婷同學_

TA貢獻1844條經驗 獲得超8個贊

好,我知道了。清除瀏覽器的 localStorage 后,在我的“preview.js”文件中,我必須添加以下內容來更改配置


import { addons } from '@storybook/addons';


addons.setConfig({

  enableShortcuts: false

});


查看完整回答
反對 回復 2024-01-18
?
慕標5832272

TA貢獻1966條經驗 獲得超4個贊

我發現的其他解決方法是在 Preview.js 文件中添加以下部分,但在 Storybook 的 v7 中再次不推薦使用上述解決方案(如 Storybook 控制臺中建議的那樣):


import { addParameters } from '@storybook/vue';

addParameters({

  options: {

    enableShortcuts: false

  }

});


查看完整回答
反對 回復 2024-01-18
  • 3 回答
  • 0 關注
  • 194 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號