vue js nested for
189
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"
}
}
}
})
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
-
07:46
-
21:56
Перевод документов на английский язык: Важность и ключевые аспекты
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47554 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30492 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23626 visits
- Как через css изменить цвет png изображения? 10347 visits
- Blob video url download 9956 visits
- Php curl запрос через прокси с авторизацией 9206 visits
- Работа с captcha vk api 8088 visits
© "hostciti.net" 18.11.2024 | 22:30