你好，我有一個這樣的表格：
<tr v-for="(post, index) in posts" v-bind:index="index">
<td>{{post.rut }}</td>
<td>{{ post.names }}}. {{post.father_lastname }}} {{post.mother_lastname }}</td>
<td>
<input type="number" class="form-control" id="exampleInputEmail1" v-model="form.amount[index] " placeholder="Ingresa el monto" >
</td>
</tr>
你可以看到它有v-model="form.amount[index]"，但我想做的是這樣的：
< input type="number" class="form-control" id="exampleInputEmail1" v-model="form. amount[post.rut]" placeholder="Ingresa el monto" >
我的意思是，我想指定我自己的索引，我的自定義索引，我不知道如何才能做到這一點？
我的vuejs代碼是這樣的：
data: function() /span>{
return{
形式。{
數量。[],
},
我在vuejs中宣告了金額陣列，你可以看到上面的情況，但我需要在陣列中分配自己的索引，因為如果我發送資料，我在這一刻檢查陣列，它是：
0 => value, 1 => value
但是我需要這樣做
'2714155'/span> => value, '4578745'/span> => value...
我怎樣才能做到這一點？謝謝你
uj5u.com熱心網友回復：
將你的資料宣告為一個物件，然后將值分配給特定的鍵。
data() {
return {
形式。{
數量。{},
},
}
}
你可以使用你想要的布局。
<input
type="number"/span>
class="form-control"
id="exampleInputEmail1"
v-model="form.amount[post。 rut]" < -- 這里 你 指定 一個 特定 鍵placeholder="Ingresa el monto" >
uj5u.com熱心網友回復：
你可以通過使用一個物件而不是一個陣列來實作，因為javascript不像php那樣有關聯陣列。你可以通過物件的幫助來實作關聯陣列。
請看下面的例子：
。 。Vue。 config.productionTip = false.
Vue.config.devtools = false
new Vue（ {
el: '#app',
data: {
posts: [{
rut: 2714155,
names: 'John',
father_lastname: 'Doe',
mother_lastname: 'Foo'rut: 4578745,
names: 'Lion',
father_lastname: 'Doe',
mother_lastname: 'Bar'form: {
amount: {
'2714155': 1,
'4578745': 2.
}
}
})<script src="https://cdnjs. cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>/span>
<div id="app">/span>
<table>
<tr v-for="post in posts" ：key="post. rut">
<td>{{ post.rut }}</td>
<td>{{ post.names }}. {{post.father_lastname }}} {{post.mother_lastname }}</td>{post.names }}{post.mother_lastname }}</td>/span>
<td>/span>
< input type="number"/span> class="form- 控制" id="exampleInputEmail1" v-model="表單。 amount[post.rut]" placeholder="Ingresa el monto">。
<span>模型值。{{form.amount[post.rut] }}</span>模型值: {form.amount[post.rut] }}</span>
</td>/span>
</tr>/span>
</table>/span>
</div>/span>轉載請註明出處，本文鏈接：https://www.uj5u.com/net/327372.html
標籤：
上一篇：如何在函式運行時將數字推送到陣列中，即[1,2,3,4,5,6等...]？
下一篇：陣列的動態索引