將Vue2綁定變量傳遞給錨定標記中的javascript函數

Question

我正嘗試在Vue中創建菜單列表。我想在用戶點擊一個項目時調用一個javascript函數。我有v-工作正常，菜單按預期顯示。但是，如何將值傳遞給我想調用的JavaScript函數？我有這個：

<a class="dropdown-item" href="javascript:loadNavigation('{{menuItem.name}}')" v-for="menuItem in menuBlock.menuItems">{{menuItem.shortName}}</a> 

如何將menuItem.name傳遞給我的函數？

Answer 1

喜歡這個

<a v-bind:href="'javascript:function('+message+')'">{{ message }}</a> 

https://jsfiddle.net/okuba3wt/

Answer 2

讓您的導航功能的VUE方法與v-on:click調用它像這樣：

<a class="dropdown-item" v-on:click="loadNavigation(menuItem.name)" v-for="menuItem in menuBlock.menuItems">{{menuItem.shortName}}</a> 

在VUE scripts：

… 
data: { 
    … 
}, 
methods: { 
    loadNavigation: function (event) { 
    // Do your thing 
    } 
}