質問編集履歴
3
htmlコード 修正
title
CHANGED
File without changes
|
body
CHANGED
@@ -133,9 +133,7 @@
|
|
133
133
|
|
134
134
|
<ons-page id="first-page">
|
135
135
|
|
136
|
-
<!--【タブ1の内容】
|
136
|
+
<!--【タブ1の内容】-->
|
137
|
-
<li id="li01"><a>A</a></li>
|
138
|
-
<li id="li02"><a>B</a></li>
|
139
137
|
|
140
138
|
</ons-page>
|
141
139
|
</ons-template>
|
@@ -152,7 +150,9 @@
|
|
152
150
|
<div class="center">Page 1</div>
|
153
151
|
</ons-toolbar>
|
154
152
|
|
155
|
-
<!--【タブ2 1ページ目】-->
|
153
|
+
<!--【タブ2 1ページ目】Aクリックでページ遷移 -->
|
154
|
+
<li id="li01"><a>A</a></li>
|
155
|
+
<li id="li02"><a>B</a></li>
|
156
156
|
</ons-page>
|
157
157
|
</ons-template>
|
158
158
|
|
2
タイトル、本文に補足
title
CHANGED
@@ -1,1 +1,1 @@
|
|
1
|
-
【monaca】Vue.js
|
1
|
+
【monaca】Vue.jsを使用したいが#appを読み取ってもらえない
|
body
CHANGED
@@ -5,8 +5,9 @@
|
|
5
5
|
monaca初心者です。コーディングも勉強中です。
|
6
6
|
自分用にアプリを作りたく、挑戦しています。
|
7
7
|
|
8
|
-
順序的には、monacaの前に、ページを単体ずつコーディングしてブラウザで確認、成功したらmonacaのindex.htmlの該当すると思われる場所に記述、うまくいかなければmonacaで単体ページにバラして検証、という形で行っていました。
|
8
|
+
順序的には、monacaの前に、①ページを単体ずつコーディングしてブラウザで確認、②成功したらmonacaのindex.htmlの該当すると思われる場所に記述、③うまくいかなければmonacaで単体ページにバラして検証、という形で行っていました。
|
9
9
|
|
10
|
+
(③の段階です)
|
10
11
|
Vue.jsをmonacaで使用しようとしたところ、作動せず、コンソールに
|
11
12
|
[Vue warn]: Cannot find element: #app
|
12
13
|
と出ましたので、調べて、HTMLを読み込む前に作動させてしまってることが原因だと知り、イベントリスナー「DOMContentLoaded」を使用することで解決できました。
|
@@ -207,4 +208,8 @@
|
|
207
208
|
|
208
209
|
### 補足情報(FW/ツールのバージョンなど)
|
209
210
|
|
210
|
-
バーが2つ重なったりレイアウトひどいものですが、ひとまず動くことを確認してから調整したいので、そういうところの指摘はなしでお願いしたいです。
|
211
|
+
バーが2つ重なったりレイアウトひどいものですが、ひとまず動くことを確認してから調整したいので、そういうところの指摘はなしでお願いしたいです。
|
212
|
+
|
213
|
+
クラウドIDEで書いていました。IDEのプレビューでは成功しています。
|
214
|
+
実機はXperia Z5にて。
|
215
|
+
IDEと実機では読み込み順が違うという情報を見たので、その辺が問題なのかと推測しましたが、読み込み順が違うからだとしてもどう改善すればいいのか分かりません。(誤った推測かもしれませんが)
|
1
タイトル javascript→Vue.jsに変更
title
CHANGED
@@ -1,1 +1,1 @@
|
|
1
|
-
【monaca】
|
1
|
+
【monaca】Vue.jsの読み込みについて
|
body
CHANGED
File without changes
|