アンカータグのjavascript関数にVue2バインド変数を渡します。

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でそれを呼び出す：VUE scriptsで

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

を：

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