2021-07-20に更新

v-forのkeyにv-modelの値を設定すると1文字しか入力できないので注意!

const data=[
{
text: null //入力値
id:1
},
{
text: null
id:2
},
...
]

親コンポーネント

      v-for="(data, index) in datas.text"
      :key="comment.text" ←ここをv-modelにの値(今回で言うとtext)にすると1文字しか入力できない
      :data="data"
    />

子コンポーネント

  ....
  props: {
    data: {
      type: Object,
      required: true,
    }},
ツイッターでシェア
みんなに共有、忘れないようにメモ

ミウミ

Vue.js、Nuxt.jsをメインに使って1年。技術で役にたった記事等を紹介していきます。

Crieitは誰でも投稿できるサービスです。 是非記事の投稿をお願いします。どんな軽い内容でも投稿できます。

また、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!

有料記事を販売できるようになりました!

こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください。
ボードとは?

コメント