Vue.JS3

Vue.JS3

コンポーネントロード時のエラー

: Error compiling template: Templates should only be responsible for mapping the state to the UI. Avoid placing tags wit...
TypeScript

[TypeScript]オブジェクト配列にしたら型が剥がれた

Vueでこんな型を作った type queryOptions = { :Ref|string|number } で、こんな感じでオブジェクト内のキーと値をとってみたのだが・・・ for(const key in options) {   i...
NuxtJS

[Vue.JS]Unhandled error during execution of 何たらかんたら の直し方

VueやNuxtをやっていると必ず引っかかるUnhandled error 関連のエラー本当に困りますよね。 エラー理由もエラー位置も大雑把で参考になりません。 ということでこのエラーの直し方について といっても、地道に追っていくしかありま...
Docker

docker-composeで環境変数付きコマンド実行の方法

Nuxtが外から見えない docker compose経由でnuxt.jsの開発環境を起動しようとしたけど、dockerサーバーが外部にあるので起動したNuxtにブラウザからアクセスできないという問題が発生。 調べたら、configファイル...
Docker

Node.JS v.17でERR_OSSL_EVP_UNSUPPORTED

node.jsの最新dockerイメージでVue.JSを起動させようとしたら、以下のようなエラーになった Error: error:0308010C:digital envelope routines::unsupported at new...
Vue.JS3

Vue.JS3で波括弧を表示する方法

Vue.JSのHTMLで波括弧を表示する方法です。 波括弧は、変数の出力のために使われるので、普通に使うとバグってしまいます。 方法1 v-preをディレクティブ使う v-preディレクティブは子要素のコンパイルを省略します。つまり、書いた...