Vue.js 1 11月 2019 【Nuxt.js】VuexをStorybookで使う方法 Nuxt.js で Vuex を使ってコンポーネント間でデータの受け渡しができるようにしました。ところが Storybook で以下のように記述しても Vuex が使えないとエラーが出てしまいます。 // component.stories.js storiesOf('Store', module)… 続きを読む
Vue.js 20 10月 2019 nuxt-link を @click で制御したい! nuxt-linkのクリックイベントで PC表示なら普通にページ遷移するSP表示ならページ遷移しないで何らかの処理を行う …をやりたいと思いました。 しかも幅のサイズによってCSSでデザインを使い分けているため、できれば1つの nuxt-link でPCとSPで違う処理ができるようにしたかったのです… 続きを読む
Vue.js 8 7月 2019 【Vue.js】データをHTMLコードとして出力するには v-html ディレクティブを使う 2重中括弧の mustaches は、データを HTML ではなく、プレーンなテキストとして扱います。そのため、<br> や <strong> が含まれたデータでもテキストとして出力されてしまいます。 <template lang="html"> <p>{{ text }}&… 続きを読む
Vue.js 21 6月 2019 `nuxt-link` タグのリンクをStorybook上で確認する方法 Storybook上で nuxt-link がリンクとして認識されないリンク設定をStorybook上で確認できたら良いな 以上の理由より、Storybook上で Nuxt のタグ nuxt-link がリンクと認識されるようにStorybookの設定を調整しました。 設定手順 環境 Nuxt: v… 続きを読む
Vue.js 17 6月 2019 NustJSが2.8.0にバージョンアップ!何ができるようになった? NuxtJSのバージョンが2.8.0にアップデートされ、いくつかの新しい機能が加わりました。良いなと思った機能を紹介します。元データは『nuxt/nuxt.js』です。 NuxtJSとは Nuxt.js は Vue アプリケーションを作成するフレームワークです。https://ja.nuxtjs.o… 続きを読む