Javascript 如何在vueJs中获取vue元素调用方法

我想用vue.js单击按钮将一个元素添加到数组中，可能会在单击时调用aggiungiViaggio方法，但是如何在我当前所在的wich viaggio中查找

这是HTML部件示例：

 <div class="row viaggio" v-for="catalogo in cataloghi"> 
<div class="row viaggio" v-for="viaggio in catalogo.viaggi">  </div>
</div>
     <button class="bottone-aggiungi-viaggio activeButton" 
       @click="aggiungiViaggio">Aggiungi viaggio</button>
    </div>

这是我创建数据的对象：

myObj='{“cataloghi”：[{“id”：“1000”，“nome”：“mete” “欧罗比”、“维亚吉”：[{“id”：“1423”，“nome”：“primoviaggioGSpagna”，“纳齐翁”：“Spagna”， “提波罗吉亚”： “Viaggiguidai”}，{“id”：“1424”，“nome”：“secondoviaggioGSpagna”，“nazione”：“Spagna”， “tipologia”：“Viaggiguidai”}]，“Descriptione”：“每个客户的Viaggi” 阿曼蒂·德尔·吉亚蓬，{“id”：“1001”，“nome”：“维亚吉” 吉亚蓬、维亚吉：[{“id”：“1523”、“nome”：“scopertadelGiappone”、“nazione”：“吉亚蓬”， “提波罗吉亚”： “行程”}，{“id”：“1524”，“诺姆”：“吉亚蓬”，“纳齐奥内”：“吉亚蓬”， “tipologia”：“巡回赛”}]}]}”

---

该方法不起作用。

只需在“单击”中传递该项即可

<div class="row viaggio" v-for="viaggio in catalogo.viaggi"> 
 <button class="bottone-aggiungi-viaggio activeButton" @click="aggiungiViaggio(viaggio)">Aggiungi viaggio</button>
</div>

---

只需在单击时将项目传递到

<div class="row viaggio" v-for="viaggio in catalogo.viaggi"> 
 <button class="bottone-aggiungi-viaggio activeButton" @click="aggiungiViaggio(viaggio)">Aggiungi viaggio</button>
</div>

---

我已经更改了问题的嵌套，但逻辑是相同的，我还必须在我的方法中添加一个名为“obj”的参数，对吗？方法：{aggiungiViaggio:function（obj）{obj.viaggi.unshift（{}）；}}}我已经更改了问题的嵌套，但逻辑是相同的，我还必须在我的方法中添加一个名为例如'obj'的参数，对吗？方法：{aggiungiViaggio:function（obj）{obj.viaggi.unshift（{}）；}

<div class="row viaggio" v-for="(viaggio , viaggioidx)in catalogo.viaggi"> 
 <button class="bottone-aggiungi-viaggio activeButton" @click="aggiungiViaggio(viaggioidx)">Aggiungi viaggio</button>
</div>

var appCataloghi = new Vue({
  el: '#appCataloghi',
  data: {
    cataloghi: oggettoCataloghi.cataloghi
  },
  methods: {
    aggiungiViaggio: function(viaggio) {
        var cloned = Object.extend({},viaggio); //Optional
       this.viaggi.unshift(cloned );
    }
  }
})