Ryu9135のブログ

仕事で学んだことを整理して、ブログに残す。外国人なので日本語が間違っていたら、気軽に指摘ください。

2021-02-01から1ヶ月間の記事一覧

Vuejs state中のデータを参照する時

先週にstate中のデータを呼び出してそのまま利用したんですが、consoleに怒られました。state中のデータを編集する時に 「this.$const.lodash.cloneDeep」を使ったら解決できる。

Vue.js<slot>

vue.jsではSlotを使って、親コンポーネントで子コンポーネントの<slot></slot>の部分を書き換えることができる。 今のプロジェクトではVeeValidateを利用する時に<v-slot>でエラーメッセージを書き換える。</v-slot>

Nuxt.jsのルート自動生成

Nuxt.js だったら pages ディレクトリの下に.vueファイルを書くと、その名前のパスが自動で生成されます。 例えば: pages/ index.vue search.vue login.vue _detailnum/ index.vue だと、index.vueはパス ' / 'に対応、search.vueは ' /search'に対応する。…

VeeValidateのバリデーション実装する心得

1、VeeValidateとは 簡単に言うとユーザーによって入力された値が不正な場合に、リアルタイムにエラーを表示させる機能です。 2、 簡単な例 <validation-observer ref="obs" v-slot="{ invalid }"> <label>名前</label> <validation-provider name="名前" rules="required"> <div slot-scope="ProviderProps"> <input v-model="name"> <p class="error">{{ errors[0] }}</p> </div> </validation-provider></validation-observer>