質問編集履歴

3

成功ソース

2018/01/28 07:20

投稿

holic
holic

スコア134

test CHANGED
File without changes
test CHANGED
@@ -141,3 +141,65 @@
141
141
  axios
142
142
 
143
143
  wp 4.9.2
144
+
145
+
146
+
147
+
148
+
149
+ sakapun様にご教示いただき、解決したソースを示します。
150
+
151
+ ```javascript
152
+
153
+ <script type="text/javascript">
154
+
155
+ new Vue( {
156
+
157
+ el: '#test1',
158
+
159
+ data: {
160
+
161
+ posts: []
162
+
163
+ },
164
+
165
+ created: function(){
166
+
167
+ this.getPosts();
168
+
169
+ },
170
+
171
+ methods: {
172
+
173
+ getPosts: function(){
174
+
175
+ axios.get( 'http://026.test55.net/wp/wp-json/wp/v2/member/?_embed' )
176
+
177
+ .then( response => {
178
+
179
+ this.posts = response.data;
180
+
181
+ } )
182
+
183
+ .catch( error => {
184
+
185
+ window.alert( error );
186
+
187
+ } );
188
+
189
+ }
190
+
191
+ }
192
+
193
+ } )
194
+
195
+ </script>
196
+
197
+
198
+
199
+ createdを使うことで、インスタンスが作成された後に発動するという仕組みみたいです。
200
+
201
+ 今回の場合はインスタンスが作成された後にメソッドgetPosts()が発動し、jsonデータがレンダリングされる仕組みです。
202
+
203
+ sakapun様ありがとうございます。
204
+
205
+ ```

2

dd

2018/01/28 07:20

投稿

holic
holic

スコア134

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

1

dd

2018/01/27 05:18

投稿

holic
holic

スコア134

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