質問編集履歴
3
成功ソース
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
ｄｄ
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
WP REST API
|
|
1
|
+
WP REST API（axiosで読み込み）でページ読み込みと同時にレンダリングする
|
test
CHANGED
|
File without changes
|
1
ｄｄ
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
WP REST API
|
|
1
|
+
WP REST APIでaxiosをページ読み込みと同時にレンダリングする
|
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
|
|