質問: はじめまして。いつもお世話になっています。 vue.jsで、v-modelの使用について詰まっております。 やりたいこと ------- jsonのkeyと中身を並べて表示、 v-modelを使用し、リアルタイムに値を編集できるようにしたい。 問題点 ---- 下記のコードで、`{{ key }}` `{{ opt }}` は表示されるのですが、 v-modelにoptを設定することが出来ません。 v-modelにitem.options.foo のように、最後まで指定すれば 動くコードは見たことがありますが、 今回はプロパティが変動するので、動的に扱えればと思っております。 拙い質問ですが、よろしくお願いいたします。 ``` {{ key }} {{ opt }} ``` ``` myjson: [ { "name": "test1", "options": { "foo": 100, "bar": 200 } }, { "name": "test2", "options": { "piyo": 5, "hoge": 10 } } ] ```
回答: 「opt」は「値」に相当するので受け皿(変数)がないような気がします。 値を出し入れする変数が必要ですので ``` ``` 多分こうではないかと。