Vue

Vue.js v-forの中だとthisのスコープが変わる

v-forの中だとthisの値が参照できない以前Vue.jsで、thisの値をv-forの中で参照しようとしたところ、うまく参照できませんでした。またv-forの外だとちゃんとthisの値が参照できたので備忘録とし...

【React/Vue】パッケージの依存性問題でエラーが出て起動しなくなった時

パッケージの依存性の問題でエラーが出て起動しなくなった時々NPMのパッケージが廃止されたり、脆弱性のために更新されて、ReactやVueなどの起動時に以下のような警告が表示されるようになります。警告文に記載の通り、...

【Vue/Nuxt】v-htmlでXSS attackの警告が出たときの対処方法

v-htmlを使用してXSS attackの警告が表示される以下の記事のように、Vue/Nuxtでsanitize-htmlをインストールして使用した際に、コンソールへXSS attackの警告が表...

【Vue/Nuxt】sanitize-htmlのインストールと使い方

sanitize-htmlとは sanitize-htmlは、HTMLのサニタイザーです！例えば、掲示板のようなユーザーからの入力を受け付けるウェブアプリケーションでは、入力値をHTMLとして解釈する...

vueやnuxtで普通のclassとバインドするclass両方合わせて使いたい時

普通のclassとバインドするclassを両方合わせて使いたい VueやNuxtを使っていて、普通のclassとバインドするclass両方合わせて使いたい時がありましたので、備忘録として残しておきます！ ...

【Nuxt】Propsのdefault値にObjectやArrayを指定する際の注意点

Propsのdefault値にObjectを指定したらエラーになった NuxtでPropsを使用する際に、default値としてObjectを指定したらエラーになりました！今回は、Propsのdefault値...

router-viewでpropsを渡したい時の注意点

router-viewでpropsをうまく渡せない Vue.jsのrouter-viewを使ってpropsを渡したい時になかなかうまく行かず詰まったため、備忘録として記載しておきます。状況としては以下のような感じです...