Vuejs/Nuxtjs: v-for を使用せずに動的な V モデル名を作成するにはどうすればよいですか?

Question

私の Vuejs/Nuxtjs アプリケーションで厄介な問題に直面しています。アプリケーションでは、複数の Nodes を動的に作成します。これらの ノード には、v-model を割り当てた ラジオ ボタン があります。ただし、1 つの Vuejs v-model の値を変更すると、他のすべての Node 値に影響します。

すべての ノードが同じ V モデルを使用しているためにこの問題が発生することはわかっています。別の V-model を ラジオ ボタン に割り当てたいのですが、v-for を使用せずにこれを行いたいと考えています。

CodeSandboxでサンプルコードを作成しました

＃＃＃再現する手順：＃＃＃

識別子
1. をドラッグし、キャンバスにドロップします。 URN が選択されます。 次に、別の
Identifiers
2. をキャンバスにドラッグ アンド ドロップします。これで、最初の Identifiers ノード: URN が消えます。各 Node 値 を個別に処理することはできません。
この問題は、ファイル

@components/IdentifiersNode.vue

とラジオ ボタンで発生します。

Kisu 応答に基づくコード例:

リーリー 誰かこれをチェックして、私がここで間違っていることを教えてください: https://codesandbox.io/s/cocky-matan-kvqnu?file=/nuxt.config.js

Answer 1

苦労の末、ようやく正常に動作するようになりました。 ラジオボタン 機能を間違って使用してしまいました。これをこれに変更したところ、うまく機能しました:

リーリー