@overus

Как передать параметр из v-for в v-for на уровень ниже?

Всем привет!
Есть код, в котором два цикла v-for.
Мне нужно получить ключ target, который лежит в хеше items. Для этого я передаю item из items в виде параметра для "дочернего" v-for, но получаю undef.
Как правильно передать item, в котором ключ target, в "дочерний" v-for?

Jsfiddle

<div id="app">
  <div 
    v-for="item in items">
    {{item.target}}
     <p
       v-for="(data, item) in item.text"
       @click="getData(item)"><!-- (data, item) - тут из item хочу получить ключ target, который получаем из v-for="item in items" -->
       {{data.desc}}
     </p>
  </div>  
</div>


new Vue({
  el: "#app",
  data: {
    items: [
      { 
      	target: "One",
      	text: [{
        	title: "First title",
          desc: "First desc",
        }],
       },
      { 
      	target: "Two",
      	text: [{
        	title: "Second title",
          desc: "Second desc",
        }],
      },
    ]
  },
  methods: {
  	getData(item) {
    	console.log(item.target);
    }
  }
})
  • Вопрос задан
  • 317 просмотров
Решения вопроса 1
yarkov
@yarkov Куратор тега Vue.js
Помог ответ? Отметь решением.
(data, item) заменить на data
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы