質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

Q&A

解決済

1回答

213閲覧

リストタグのデータが取得できない!

Nitta

総合スコア96

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

0グッド

0クリップ

投稿2019/06/24 01:54

編集2019/06/24 02:08

お世話になってます。
下記のコードに於いて、何故かリストタグのデータが取得
できません!
コードに間違いはない気がしますが!
お分かりの方居られましたら、ご教示下さい!

<!DOCTYPE html> <html> <head> (中略) </head> <body> <div class="container"> <h1>メール送信リスト一覧</h1> <div id="app"> <form v-on:submit.prevent="addItem" class="form-group"> <div class="form-group"> <div class="input-group"> <input type="text" v-model="text" v-on:keyup.enter="changeItems" ref="editor" class="form-control"> <span class="input-group-btn"><button v-on:click="setItems" class="btn btn-primary" type="submit">@{{changeButtonText}}</button></span> </div> </div> </form> <ul id="list" class="list-group"> <li class="list-group-item" v-for="(item, index) in items" v-bind:key="index"> @{{ item }} <span class="pull-right"> <button class="btn btn-xs btn-info" v-on:click="edit(index)"> <span class="glyphicon glyphicon-pencil"></span> </button> <button class="btn btn-xs btn-warning" v-on:click="remove(index)"> <span class="glyphicon glyphicon-trash"></span> </button> </span> </li> </ul> </div> <button type="button" id="data_send" class="btn btn-primary center-block" >送 信</button> <script type="text/javascript"> $(function(){  $('#data_send').click(function(){   alert($('#list li').text());  }); }); </script> <div> <script> var app=new Vue({ el: '#app', data: { text: "", editIndex: -1, items: ["タスク1","タスク2","タスク3"] }, computed: { changeButtonText(){ return this.editIndex === -1 ? "追加" : "編集"; } }, methods: {   //追加,削除 setItems() { if(this.editIndex === -1){ this.items.push(this.text); } else { this.items.splice(this.editIndex, 1, this.text); } this.cancel(); },   //キャンセル   cancel(){ this.text = ""; this.editIndex = -1; }, //編集 edit(index){ this.editIndex = index; this.text = this.items[index]; this.$refs.editor.focus(); },   //削除 remove(index){ this.items.splice(index, 1); } } }) </script> </body> </html>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

$(functon(){

typo functon→function

その他全角スペースのインデントなど微妙なところが散見されます

投稿2019/06/24 01:59

yambejp

総合スコア114777

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Nitta

2019/06/24 02:05

ありがとうございます。指摘内容変更でできました! その他全角スペースのインデントなど微妙なところを少し 指摘いただけないでしょうか?
yambejp

2019/06/24 02:10

・jQueryの処理がはいっているように見えますが、jquery自体をロードしている形跡がないです ・vueの処理がはいっているように見えますがタグがないです ・Laravel 5やvueの独自の処理が確認できません
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問