this.$route.nameをStorybookで使えるようにする方法
背景 Nuxt.jsのthis.$route.nameを使ってページによって異なる処理を行うコンポーネントを作りました。 <template> <!-- 中略 --> &...
4
1
Comment0
15 search resultsShowing 1~15 results
Stocked
You need to log-in
IE11でボタンの ::after や ::before がうまく表示されない理由
下図のようにアクティブ時に吹き出し風にタブボタンの下にちょっとした三角をつけましたが、IE11でうまく表示されません。 三角は position: absolute; で配置をコントロールしてい...
4
1
Comment0
assets の画像パスをpropsで受け取って表示する方法
assets に格納した画像のパスを props で受け取って表示したかったのですが、なかなかうまくいかなくて調査に時間がかかってしまいました。 解決できたので備忘録です。 require を使...
1
2
Comment0
Nuxt.js で app.html を作る際の注意
ちょっと躓いたので備忘録として残します。 app.html は srcDir の指定場所に配置する 公式サイトより テンプレートを変更するために、プロジェクトのルートフォルダに app.html...
1
0
Comment0
Nuxt.js で window が使えない
Nuxt.js で window を使ったところ、エラーが出てしまいます。 ReferenceError window is not defined これはサーバーサイドのレンダリングが原因でし...
0
1
Comment0
layoutsで取得したデータはページ遷移で更新されない
layouts の中で this.$route.name を取得し、フッターやヘッダーに渡したりしていました。 ページ間移動のときに当然 layouts の this.$route.name も...
1
1
Comment0
`nuxt-link` タグのリンクをStorybook上で確認する方法
背景 Storybook上で nuxt-link がリンクとして認識されない リンク設定をStorybook上で確認できたら良いな 以上の理由より、Storybook上で Nuxt のタグ nu...
8
3
Comment1
webpackを改めて調べた
はじめに webpack をなんとなく使っていて、ちゃんと理解していないなと思ったので改めて調べてみました。 備忘録として残します。 webpack とは 「webpack」 = 「モジュールを...
2
1
Comment0
【Storybook】iframe 内の `body` に任意のクラス名を追加する方法
Storybook decorator を使うことで Storybook の iframe 内の body に任意のクラス名を追加できます。 storiesOf('name', module) ...
0
0
Comment0
【Storybook】`storyshots-puppeteer` で異なるデバイスのビジュアルスナップショットを撮る方法
Storybook に storyshots-puppeteer を導入した後、異なるデバイスのビジュアルスナップショットを撮れるようにしたいと思い、下記のように書き換えました。 import ...
2
0
Comment0
VeeValidateを使用したコンポーネントのユニットテストをする方法
はじめに VeeValidate を Vue Test Utils でテストができるようにしましたので備忘録として投稿します。 VeeValidate を Vue Test Utils でテスト...
1
1
Comment0
【Vue Test Utils】複数の `it` を行うと`$validator` にデータがどんどん蓄積されてしまう問題を解決
はじめに VeeValidateを使っているコンポーネントを対象に複数の it を使ってテストしています。 $validator が前の it でのデータを保有したまま次の it を実行するため...
0
1
Comment0
「[vee-validate] Validating a non-existent field: "". Use "attach()" first.」エラー問題を解決
はじめに VeeValidateを使っているコンポーネントをテストしたかったのですが、下記のようにエラーが吐き出されてしまいます。 [vee-validate] Validating a non...
1
0
Comment0
【Vue Test Utils】`shallowMount + stubs` で子コンポーネントを含めてテストを良い感じにする
はじめに vue-test-utils で子コンポーネントも見たかったので mount を使ってテストしていましたが、やたら時間がかかってタイムアウトになってしまいます。 なので、渋々 shal...
1
0
Comment0
Vue.jsのテストをする際に起きる「TypeError: Cannot read property '$scopedSlots' of undefined」エラーの回避方法
TypeError: Cannot read property '$scopedSlots' of undefined shallowMount を使ってテストしていたところを、子コンポーネント...
5
2
Comment0
15 search resultsShowing 1~15 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles