質問編集履歴

3

htmlコード 修正

2018/11/23 12:40

投稿

terame120
terame120

スコア14

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
- <!--【タブ1の内容】Aクリックでページ遷移 -->
305
+    <!--【タブ2 ページ目】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="tab2.html">
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 1</div>
329
+ <div class="center">Page 2</div>
304
330
 
305
331
  </ons-toolbar>
306
332
 
307
-
308
-
309
-    <!--【タブ2 ページ】-->
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

タイトル、本文に補足

2018/11/23 12:39

投稿

terame120
terame120

スコア14

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に変更

2018/11/23 12:36

投稿

terame120
terame120

スコア14

test CHANGED
@@ -1 +1 @@
1
- 【monaca】javascriptの読み込みについて
1
+ 【monaca】Vue.jsの読み込みについて
test CHANGED
File without changes