質問編集履歴
3
htmlコード 修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -268,86 +268,86 @@
|
|
268
268
|
|
269
269
|
|
270
270
|
|
271
|
+
<!--【タブ1の内容】-->
|
272
|
+
|
273
|
+
|
274
|
+
|
275
|
+
</ons-page>
|
276
|
+
|
277
|
+
</ons-template>
|
278
|
+
|
279
|
+
|
280
|
+
|
281
|
+
<ons-template id="tab2.html">
|
282
|
+
|
283
|
+
|
284
|
+
|
285
|
+
<ons-page id="second-page">
|
286
|
+
|
287
|
+
|
288
|
+
|
289
|
+
<ons-navigator id="navigator" page="page1.html"></ons-navigator>
|
290
|
+
|
291
|
+
|
292
|
+
|
293
|
+
<ons-template id="page1.html">
|
294
|
+
|
295
|
+
<ons-page id="first-page">
|
296
|
+
|
297
|
+
<ons-toolbar>
|
298
|
+
|
299
|
+
<div class="center">Page 1</div>
|
300
|
+
|
301
|
+
</ons-toolbar>
|
302
|
+
|
303
|
+
|
304
|
+
|
271
|
-
|
305
|
+
<!--【タブ2 1ページ目】Aクリックでページ遷移 -->
|
272
306
|
|
273
307
|
<li id="li01"><a>A</a></li>
|
274
308
|
|
275
309
|
<li id="li02"><a>B</a></li>
|
276
310
|
|
277
|
-
|
278
|
-
|
279
311
|
</ons-page>
|
280
312
|
|
281
313
|
</ons-template>
|
282
314
|
|
283
315
|
|
284
316
|
|
285
|
-
<ons-template id="
|
317
|
+
<ons-template id="li01.html">
|
318
|
+
|
286
|
-
|
319
|
+
<!-- #app挿入位置 -->
|
320
|
+
|
287
|
-
|
321
|
+
<div id="app">
|
288
322
|
|
289
323
|
<ons-page id="second-page">
|
290
324
|
|
291
|
-
|
292
|
-
|
293
|
-
<ons-navigator id="navigator" page="page1.html"></ons-navigator>
|
294
|
-
|
295
|
-
|
296
|
-
|
297
|
-
<ons-template id="page1.html">
|
298
|
-
|
299
|
-
<ons-page id="first-page">
|
300
|
-
|
301
325
|
<ons-toolbar>
|
302
326
|
|
327
|
+
<div class="left"><ons-back-button>Page 1</ons-back-button></div>
|
328
|
+
|
303
|
-
<div class="center">Page
|
329
|
+
<div class="center">Page 2</div>
|
304
330
|
|
305
331
|
</ons-toolbar>
|
306
332
|
|
307
|
-
|
308
|
-
|
309
|
-
|
333
|
+
<!--【タブ2 ページ遷移後】-->
|
334
|
+
|
335
|
+
|
310
336
|
|
311
337
|
</ons-page>
|
312
338
|
|
339
|
+
|
340
|
+
|
341
|
+
</ons-page>
|
342
|
+
|
343
|
+
<!-- #app終 -->
|
344
|
+
|
345
|
+
</div>
|
346
|
+
|
313
347
|
</ons-template>
|
314
348
|
|
315
349
|
|
316
350
|
|
317
|
-
<ons-template id="li01.html">
|
318
|
-
|
319
|
-
<!-- #app挿入位置 -->
|
320
|
-
|
321
|
-
<div id="app">
|
322
|
-
|
323
|
-
<ons-page id="second-page">
|
324
|
-
|
325
|
-
<ons-toolbar>
|
326
|
-
|
327
|
-
<div class="left"><ons-back-button>Page 1</ons-back-button></div>
|
328
|
-
|
329
|
-
<div class="center">Page 2</div>
|
330
|
-
|
331
|
-
</ons-toolbar>
|
332
|
-
|
333
|
-
<!--【タブ2 ページ遷移後】-->
|
334
|
-
|
335
|
-
|
336
|
-
|
337
|
-
</ons-page>
|
338
|
-
|
339
|
-
|
340
|
-
|
341
|
-
</ons-page>
|
342
|
-
|
343
|
-
<!-- #app終 -->
|
344
|
-
|
345
|
-
</div>
|
346
|
-
|
347
|
-
</ons-template>
|
348
|
-
|
349
|
-
|
350
|
-
|
351
351
|
</body>
|
352
352
|
|
353
353
|
</html>
|
2
タイトル、本文に補足
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
【monaca】Vue.js
|
1
|
+
【monaca】Vue.jsを使用したいが#appを読み取ってもらえない
|
test
CHANGED
@@ -12,9 +12,11 @@
|
|
12
12
|
|
13
13
|
|
14
14
|
|
15
|
-
順序的には、monacaの前に、ページを単体ずつコーディングしてブラウザで確認、成功したらmonacaのindex.htmlの該当すると思われる場所に記述、うまくいかなければmonacaで単体ページにバラして検証、という形で行っていました。
|
15
|
+
順序的には、monacaの前に、①ページを単体ずつコーディングしてブラウザで確認、②成功したらmonacaのindex.htmlの該当すると思われる場所に記述、③うまくいかなければmonacaで単体ページにバラして検証、という形で行っていました。
|
16
|
+
|
17
|
+
|
18
|
+
|
16
|
-
|
19
|
+
(③の段階です)
|
17
|
-
|
18
20
|
|
19
21
|
Vue.jsをmonacaで使用しようとしたところ、作動せず、コンソールに
|
20
22
|
|
@@ -417,3 +419,11 @@
|
|
417
419
|
|
418
420
|
|
419
421
|
バーが2つ重なったりレイアウトひどいものですが、ひとまず動くことを確認してから調整したいので、そういうところの指摘はなしでお願いしたいです。
|
422
|
+
|
423
|
+
|
424
|
+
|
425
|
+
クラウドIDEで書いていました。IDEのプレビューでは成功しています。
|
426
|
+
|
427
|
+
実機はXperia Z5にて。
|
428
|
+
|
429
|
+
IDEと実機では読み込み順が違うという情報を見たので、その辺が問題なのかと推測しましたが、読み込み順が違うからだとしてもどう改善すればいいのか分かりません。(誤った推測かもしれませんが)
|
1
タイトル javascript→Vue.jsに変更
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
【monaca】j
|
1
|
+
【monaca】Vue.jsの読み込みについて
|
test
CHANGED
File without changes
|