Open11
【Nuxt.js/Vue.js】
VS Codeにインストールするプラグイン
- Prettier
- vue
- Vue 3 Snippets
- ESLint周りの設定
- コンポーネント自動インポート設定
- ロガーの追加
- storeの永続化
- エラーページ作成
Vuetify
- v-selectで初期のスクロール位置を選択要素のところにする
- (ドロップダウンリストとして生成されるv-menuのプロパティを渡すことができる)
<v-select
v-model="model"
:items="items"
:menu-props="{ auto: true }"
/>
- 入力を抜けたときにバリデーションを実行してほしい場合
validate-on-blur
v-data-tableで連番列を作る
※headersにno列を定義しておくこと
<v-data-table
:headers="headers"
:items="items"
>
<template #[`item.no`]="{ index }">
No. {{ index + 1 }}
</template>
</v-data-table>
普通ならitemをもらうがindexだけもらう
.env関連
cross-env NODE_ENV=development && nuxt generate
NG: NODE_ENV→production
cross-env NODE_ENV=development nuxt generate
OK: NODE_ENV→development
&&でつなぐとcross-envがなかったことになる💦
cross-env-shell
を使えばそのshellスクリプト内でenvを適用できるため&&が使用できる
v-forはnumberを渡して回数指定のレンダリングができる