Vue
HTML
<div id="app">
<div
v-for="item in items">
{{item.target}}
<p
v-for="data in item.text"
@click="getData(item)"><!-- (data, item) - тут из item хочу получить ключ target, который получаем из v-for="item in items" -->
{{data.desc}}
</p>
</div>
</div>
CSS
body {
background: #20262E;
padding: 20px;
font-family: Helvetica;
}
#app {
background: #fff;
padding: 20px;
}
p{
font-size: 14px;
color: green;
}
Vue
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);
}
}
})