Vuejs/Nuxtjs: v-for를 사용하지 않고 동적 V 모델 이름을 만드는 방법은 무엇입니까?

Question

저는 Vuejs/Nuxtjs 应用程序中遇到了一个棘手的问题。在应用程序中，我动态创建多个 Nodes 。这些 Nodes 有 Radio 按钮 我已为其分配了 v-model。但是，当我更改一个 Vuejs v-model 的值时，会影响所有其他 Node 그만한 가치가 있어요.

나는 이 문제가 이런 일을 하는 모든 Nodes 使用相同的 V-model。我想为我的 Radio 按钮 分配不同的 V-model 但我想在不使用 v-for사례 때문에 발생한다는 것을 알고 있습니다.

CodeSandbox에서 샘플 코드를 만들었습니다

재현 단계:

1. 할 것이다 Identifiers 拖放到画布中。现在将选择 URN.
2. 이제 다른 것을 추가하세요 Identifiers 拖放到画布中。现在第一个 Identifiers 节点：URN 将消失。我无法独立处理每个 Node 值.

파일@components/IdentifiersNode.vue과 라디오 버튼에서 문제가 발생합니다.

Kissu 응답을 기반으로 한 코드 예:

으아악

누가 이것을 확인하고 여기에서 내가 뭘 잘못하고 있는지 알려줄 수 있나요? https://codesandbox.io/s/cocky-matan-kvqnu?file=/nuxt.config.js

Answer 1

많은 노력 끝에 마침내 정상적으로 작동합니다. Radio 按钮 기능을 잘못 사용했습니다. 이것을 이렇게 바꾸었는데 훌륭하게 작동합니다:

으아악