teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

成功ソース

2018/01/28 07:20

投稿

holic
holic

スコア134

title CHANGED
File without changes
body CHANGED
@@ -69,4 +69,35 @@
69
69
 
70
70
  vue.js 2.5.16
71
71
  axios
72
- wp 4.9.2
72
+ wp 4.9.2
73
+
74
+
75
+ sakapun様にご教示いただき、解決したソースを示します。
76
+ ```javascript
77
+ <script type="text/javascript">
78
+ new Vue( {
79
+ el: '#test1',
80
+ data: {
81
+ posts: []
82
+ },
83
+ created: function(){
84
+ this.getPosts();
85
+ },
86
+ methods: {
87
+ getPosts: function(){
88
+ axios.get( 'http://026.test55.net/wp/wp-json/wp/v2/member/?_embed' )
89
+ .then( response => {
90
+ this.posts = response.data;
91
+ } )
92
+ .catch( error => {
93
+ window.alert( error );
94
+ } );
95
+ }
96
+ }
97
+ } )
98
+ </script>
99
+
100
+ createdを使うことで、インスタンスが作成された後に発動するという仕組みみたいです。
101
+ 今回の場合はインスタンスが作成された後にメソッドgetPosts()が発動し、jsonデータがレンダリングされる仕組みです。
102
+ sakapun様ありがとうございます。
103
+ ```

2

dd

2018/01/28 07:20

投稿

holic
holic

スコア134

title CHANGED
@@ -1,1 +1,1 @@
1
- WP REST APIaxiosページ読み込みと同時にレンダリングする
1
+ WP REST APIaxiosで読み込み)でページ読み込みと同時にレンダリングする
body CHANGED
File without changes

1

dd

2018/01/27 05:18

投稿

holic
holic

スコア134

title CHANGED
@@ -1,1 +1,1 @@
1
- WP REST APIaxiosをページ読み込みと同時にレンダリングする
1
+ WP REST APIaxiosをページ読み込みと同時にレンダリングする
body CHANGED
@@ -1,14 +1,10 @@
1
1
  ### 前提・実現したいこと
2
2
 
3
3
  ここに質問の内容を詳しく書いてください。
4
- (例)PHP(CakePHP)で●●なシステムを作っています。
5
- ■■な機能を実装中に以下のエラーメッセージが発生しました。
6
-
7
- ### 発生している問題・エラーメッセージ
8
4
  axiosとvue.jsを使ってwordpress REST APIの情報を呼び出したいです。
9
5
  下記のソースでは
10
6
  axiosとvue.jsを使って「ボタン」を押したらAPIがレンダリングされることろまでは成功しました。
11
- れをページを読み込みと同時にしたいのですが、どのようにしたらよいのか迷っております。
7
+ のソースから次にページを読み込みと同時にレンダリングされる仕様にしたいのですが、どのようにしたらよいのか迷っております。
12
8
  ご教示をお願いいたします。
13
9
 
14
10
  ### 該当のソースコード