2017-10-21 6 views
0
      <section class="scans"> 
            <h3>Scans</h3> 

            <ul v-if="scans.length === 0"> 
            <li class="empty">No scans yet</li> 
            </ul> 

            <transition-group name="scans" tag="ul"> 

              <li v-for="scan in scans" :key="scan.date" :title="scan.content"> 

              {{ scan.content }} 

              </li> 
            </transition-group> 

          </section> 

html要素(textbox)またはphp($ scanned)変数に '{{scan.content}}'を渡すにはどうすればよいですか? Vueのは、AJAXを送る作り方vue jsデータをPHP変数に渡す方法

+1

テキストボックスに 'scan.content'を表示する方法を聞いていますか?あるいは、クライアント側のデータをサーバーにPOSTする方法を知りたいのですが、PHPはそのデータにアクセスできますか? – PatrickSteele

+0

私は、クライアントサイドのデータを私のサーバー側に投稿してPHPでアクセスできるようにしたいと思っています –

+0

AJAX POSTを見てみることをお勧めします(例:[vue-resource](https:// github .com/pagekit/vue-resource)または[axios](https://github.com/axios/axios))。 – PatrickSteele

答えて

-1

図アウト、多分のような最近のチュートリアル、以下:どうやら単純に遷移グループにIDを与え、データをフェッチするためのinnerHTMLとのdocument.getElementByIdを使用しているのでhttps://vuejsdevelopers.com/2017/08/28/vue-js-ajax-recipes/ は悪い何らかの理由でありますフォームを使用し、何らかの理由で避ける必要があります...

+1

データはすでにVueデータに入っているので、それを見つけるために 'innerHTML'とDOMルックアップを使う必要はありません。 Vueはデータとプレゼンテーションを明確に分離し、DOM操作/クエリーの必要性を排除します。 – PatrickSteele

+0

Patric、私は答えを編集しました。あなたの提案に感謝します.Vueにデータをどのくらい正確に送るのか分かりますか?私はVue初心者です! –

2

データの送信方法に応じて、非表示の要素を含むフォームを作成するか(通常、ユーザーが投稿要求を開始する必要がある場合)、AJAX POSTを直接行いますJavascriptで(もしそれが 'シームレス' /バックグラウンドでなければならない場合)

+0

あなたの答えをありがとう、私はそれを試してみましょうと –

関連する問題