teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

htmlコード 修正

2018/11/23 12:40

投稿

terame120
terame120

スコア14

title CHANGED
File without changes
body CHANGED
@@ -133,9 +133,7 @@
133
133
 
134
134
  <ons-page id="first-page">
135
135
 
136
- <!--【タブ1の内容】Aクリックでページ遷移 -->
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

タイトル、本文に補足

2018/11/23 12:39

投稿

terame120
terame120

スコア14

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

2018/11/23 12:36

投稿

terame120
terame120

スコア14

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