Vueのリストの要素のテキストを取得したい。

Question

###前提・実現したいこと
学習のためにjavaとjavascriptとhtmlを使ってウェブサービスもどきを作っております。
フレームワークにVue.jsのver.2とBootstrapの4.0.0-beta.2を使っており、リストの要素の取得で困っております。
やりたいことはリストのクリックされた要素というかテキストをvue側で取得して、それをrestでjsonをサーバ側に投げたいです。
restで投げるのはaxiosを使おうと思っています。難しそうでしたらjqueryで頑張るつもりです。

###該当のソースコード

<script src="https://npmcdn.com/vue/dist/vue.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <div class="container">
        <div class="row">
            <div class="col-sm-5 offset-sm-1">
                <div id="app">
                    <div style="overflow:auto;height:200px;">
                        <ul  id="test">
                            <li style="height:50px"
                                class="list-group-item"
                                v-on:click="test"
                                v-for="num in displayList">
                                <a href="#">{{num}}</a>
                            </li>
                        </ul>
                    </div>
                </div>

var list = [];
for (var i = 0; i < 10; i++) {
    list.push(i);
}


new Vue({
    el: '#app',
    data: function () {
        return {
            list: list,
            scroll: 0,
        }
    },
    computed: {
        displayList: function () {
            return this.list;
        }
    },
    methods: {
        test: function (event) {
            // メソッド内の `this` は、 Vue インスタンスを参照します
            alert('Hello ' +  '!');
            // `event` は、ネイティブ DOM イベントです
        }
    }
})

$(function () {
    $('#test li').click(function () {
        var text = $(this).text();
        alert('テキスト:' + text);
    });
});

###試したこと
JavaScriptの最後に記載してあるjqueryで取得するような感じで、this.text()等を試しましたが取得できません。

###補足情報(言語/FW/ツール等のバージョンなど)
Vue.js v2.5.2
Bootstrap 4.0.0-beta.2
jquery 3.2.1
axios v0.17.1

Answer 1

v-on:click="test"
↓
v-on:click="test(num)"
とやれば引数で現在の要素が取得できませんか。

Comments

[m_yoko]

該当の箇所をtest(num)にして、js側の関数の引数をeventからnumにしたら受け取れました！ありがとうございます。