yuyaamano23
commented
2 years ago エラーの原因
axiosで取得し終わるまえに selected.model_name を読んでいたため、undefind になっていたのだと思う。
三項演算子で、selected が取得できた場合に表示するようにすることで対応した。
ついでに、ESLintでエラーが出ていたので、以下のコマンドで解消した。
$ ./node_modules/.bin/eslint pages/index.vue --fix
状況
pages/index.vue にて、Buefyの一機能である b-tableを使用し、b-tableのオプション機能であるSelectionを使おうとしている。 取得された値を個々で表示したく、selected.id の形で取り出そうとしたところ、エラーが出る。 {{ selected }} のように、単体で指定した場合には、連想配列型で選択中の行の情報がしっかり表示される
なお、機種一覧表と機種個別情報の表示切り替えには、b-tabsを用いている。
該当箇所
pages/index.vue 8行目
エラーメッセージ
Cannot read properties of undefined (reading 'model_name')
b-tableのSelectionオプションとは
ユーザーが選択したテーブル行の情報を取得し、変数「selected」に連想配列形式で代入する。
参考文献＞