任意の配列の中に、バリデートしたいターゲットの値が存在するかを確認したいとする。 例えばフロントで指定しているユーザーIDが本当に存在するか など。 しかし、この時に何を試すも結果が-1(存在しないって意味)になることがある。 operatorIdExitscheck: (v) => { console.log(...

変数の型を見直したほうがいい説。 上記のようなデータベースから、選択肢を作成 ↓ ↓こんな感じのコードになる <v-autocomplete v-model="detailSearchKey.operator" item-value="id" item-text=&quot...

選択肢をブラウザ上で選ぶときは日本語の名前から選択するけど、 選ばれたものをポストするときには、IDをapiに送信したい！ みたいな場合。 完成イメージ↓ this.operatorsの中身が、こんな感じだとする↓ 表示上はID、選択肢としてはnameを表示したい。 <v-autocomplete v-model...

Material Design Iconsというサイトがある。 ここから探す。（アイコンは英語で検索） Material Design Icons 例えばごみ箱のアイコンならtrashと検索する。 好きなアイコンを選択すると、 import { mdiTrashCanOutline } from '(http...

ブラウザのcookieにユーザーが入力した情報を保存しておくことができる。 ログインに必要なメールアドレス、ユーザー名、パスワードなどをブラウザに記憶させておくことができる。 ↓完成イメージ 次回から入力を省略することができる。 前提条件として、ログインできる認証システムは構築済みのものとする。 コード html部分 ...