Vuejs/Nuxtjs: Bagaimana untuk mencipta nama model V dinamik tanpa menggunakan v-for?
P粉920199761
P粉920199761 2023-12-30 22:52:51
0
1
527

Saya bernilai Vuejs/Nuxtjs 应用程序中遇到了一个棘手的问题。在应用程序中,我动态创建多个 Nodes 。这些 NodesRadio 按钮 我已为其分配了 v-model。但是,当我更改一个 Vuejs v-model 的值时,会影响所有其他 Node.

Saya tahu masalah ini berlaku kerana semua Nodes 使用相同的 V-model。我想为我的 Radio 按钮 分配不同的 V-model 但我想在不使用 v-for ​​kes melakukan ini.

Saya telah mencipta kod sampel dalam CodeSandbox

Langkah untuk membiak:

  1. akan Identifiers 拖放到画布中。现在将选择 URN.
  2. Sekarang tambah lagi Identifiers 拖放到画布中。现在第一个 Identifiers 节点:URN 将消失。我无法独立处理每个 Node 值.

Masalah berlaku dalam fail @components/IdentifiersNode.vue dan butang radio.

Contoh kod berdasarkan respons Kissu:

<input
    id="identifierTypeURN"
    :data="identifierSyntax"
    value="URN"
    type="radio"
    name="instanceIdentifierURN"
    @input="instanceIdentifiersSyntaxChange('URN')"
>
<label for="identifierTypeURN">URN</label>
<input
    id="identifierTypeWebURI"
    :data="identifierSyntax"
    value="WebURI"
    type="radio"
    name="instanceIdentifierWebURI"
    @input="instanceIdentifiersSyntaxChange('WebURI')"
>
<label for="identifierTypeWebURI">WebURI</label>

Bolehkah seseorang menyemak perkara ini dan beritahu saya kesalahan saya di sini: https://codesandbox.io/s/cocky-matan-kvqnu?file=/nuxt.config.js

P粉920199761
P粉920199761

membalas semua(1)
P粉132730839

Setelah bertungkus lumus, akhirnya ia berfungsi seperti biasa. Saya menggunakan fungsi Radio 按钮 dengan salah. Saya menukarnya kepada ini dan ia berfungsi hebat:



sssccc


Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan