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

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

新規登録して質問してみよう
ただいま回答率
85.50%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

POST

POSTはHTTPプロトコルのリクエストメソッドです。ファイルをアップロードしたときや入力フォームが送信されたときなど、クライアントがデータをサーバに送る際に利用されます。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

Q&A

解決済

1回答

567閲覧

POSTされたデータをvueのデータに格納する.

mermer

総合スコア16

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

POST

POSTはHTTPプロトコルのリクエストメソッドです。ファイルをアップロードしたときや入力フォームが送信されたときなど、クライアントがデータをサーバに送る際に利用されます。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

0グッド

1クリップ

投稿2020/02/07 04:08

編集2020/02/07 04:13

タイトル通りです.
POSTされたデータをvueのデータに格納するにはどのようにすればよいのでしょうか?
POSTされるJSONは{"text":"hogehoge"}としています.
webサーバはPythonのFlaskを利用しています.

vue

1new Vue({ 2 el:"#app" 3 data:{ 4 text:'' 5 } 6})

Python

1@app.route("/text",methods=["POST"]) 2def text(): 3 text=request.form['text'] 4 return render_template("text.html",text=text)

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

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

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

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

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

Lhankor_Mhy

2020/02/07 05:42

テンプレートを使って直接書き出せばいい、と思ったのですが、そういう話ではなくて?
mermer

2020/02/07 05:51 編集

textを加工して表示させたいです.そのためにデータに格納したいです.
Lhankor_Mhy

2020/02/07 05:56

「データに格納」とは、DBに保存する、という意味ではないですよね? Vueのデータに格納、という意味ですよね? では、やはりテンプレートを使って直接書き出せばいいと思うのですが……
mermer

2020/02/11 04:30

返信が遅れて申し訳ないです. テンプレートを使って直接書き出すにはどのようにすればよいのでしょうか?
Lhankor_Mhy

2020/02/12 00:18

data:{ text:'{{text}}' みたいな感じの話かと思うのですが……ダメですか?
mermer

2020/02/12 07:22

何度もありがとうございます.自己解決しました.
guest

回答1

0

自己解決

HTML

1<script> 2 var t = {{text}} 3</script>

Vue

1new Vue({ 2 data:{ 3 text:"" 4 }, 5 created(){ 6 this.text=t 7 } 8})

で解決しました.

投稿2020/02/12 07:20

mermer

総合スコア16

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問