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

{{num}}

``` ```JavaScript 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

質問編集履歴