vue js nested for
232
12 октября 2017, 13:25
Есть массив ключей : keyArr = ["key1", "key2", "key3", "key4", "key5"]
Есть хэштаблица : myMap = {}
myMap["key1"] = {field1 : "data", field2 : "data2"}
пишу:
<tbody v-for="mKey in $root.keyArr">
<tr v-for="item in $root.myMap[mKey]">
<td>{{item.field1}}</td>
<td>{{item.field2}}</td>
</tr>
</tbody>
Как правильно вывести поля из обьеква ? Есть вариант <tr v-for="(value, key) in $root.myMap[mKey]"> но мне он не подходит.
Answer 1
html
<div id="app">
<ul v-for="key in keys">
<li v-for="item in items[key]">{{item}}</li>
</ul>
</div>
js
var app = new Vue({
el: '#app',
data: {
keys: ["key1", "key2", "key3", "key4", "key5"],
items: {
key1: {
field1 : "data",
field2 : "data2"
}
}
}
})
-
06:53
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
-
20:42
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 50344 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31952 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26317 visits
- Как через css изменить цвет png изображения? 11773 visits
- Blob video url download 11318 visits
- Php curl запрос через прокси с авторизацией 10728 visits
- Работа с captcha vk api 9524 visits
© "hostciti.net" 02.4.2026 | 15:29