gpt4 book ai didi

javascript - 如何在 Vue Js 中使用字符串变量模式创建输入名称字段?

转载 作者:可可西里 更新时间:2023-11-01 02:49:39 24 4
gpt4 key购买 nike

我使用 VueJs,我需要提取 javascript 变量来生成隐藏字段。

但我需要通过变量的索引来设置名称。

我想使用之字形命名模式。

喜欢,

 <input type="text" name="segment[{index}][field_name]" :value="{value}">

Javascript 变量:

    var test_template = {
0: {
nb: 2
},
1: {
nb: 1
},
2: {
nb: 4
}
};

带有变量的 Foreach 以生成隐藏字段:

    <div v-for="(a,index) in test_template" class="row">            
<input type="hidden" :name="segment[index][nb]" :value="a.nb">
</div>

这里,:name 是一个用于访问 vuejs 值的动态实例。index 是 vuejs 变量,但 "segment"不是 vuejs 变量,它实际上是一个字符串。

但我需要这个模式来生成输入数组。

这可能吗?

或者还有其他解决方案吗?

提前致谢!

最佳答案

要通过索引创建具有动态名称的输入元素,您可以在 JS 表达式中使用 + 来连接:

<div v-for="(a,index) in test_template" class="row">            
<input type="hidden" :name="'segment[' + index + '][nb]'" :value="a.nb">
</div>

生成:

<input type="hidden" name="section[0][nb]" value="2">
<input type="hidden" name="section[1][nb]" value="1">
<input type="hidden" name="section[2][nb]" value="4">

参见:https://v2.vuejs.org/v2/guide/syntax.html#Using-JavaScript-Expressions

关于javascript - 如何在 Vue Js 中使用字符串变量模式创建输入名称字段?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41054018/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com