Vue

Vue

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

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

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

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

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

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

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

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

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

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

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

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

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

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