質問編集履歴

9

タグ更新

2021/03/03 08:36

投稿

motto_e
motto_e

スコア2

test CHANGED
File without changes
test CHANGED
File without changes

8

タイトルと環境修正

2021/03/03 08:36

投稿

motto_e
motto_e

スコア2

test CHANGED
@@ -1 +1 @@
1
- コンポーネント化したvue+axiosで繰り返しデータを更新したい
1
+ (表題修正)nuxt+axiosで繰り返しデータを更新したい
test CHANGED
@@ -152,7 +152,15 @@
152
152
 
153
153
  ### 補足情報(FW/ツールのバージョンなど)
154
154
 
155
- @vue/cli 4.5.11
155
+ ~~@vue/cli 4.5.11~~
156
+
157
+ (vue.jsではなくnuxt環境でした。失礼しました)
158
+
159
+ @nuxt/cli v.14.12
160
+
161
+ node-v14.15.4-x64.msi
162
+
163
+
156
164
 
157
165
 
158
166
 

7

flg1未定義確認の変更破棄

2021/03/03 08:35

投稿

motto_e
motto_e

スコア2

test CHANGED
File without changes
test CHANGED
@@ -106,10 +106,6 @@
106
106
 
107
107
  console.log('////'); //<-- 通る
108
108
 
109
- console.log('flg1:'+(typeof this.flg1 !== 'undefined')); // <--true --①
110
-
111
- //flg1は定義されている
112
-
113
109
  var d = new Date();
114
110
 
115
111
  this.$data.flg1=d.getSeconds(); //<--代入しているが画面上に反映されない
@@ -167,11 +163,3 @@
167
163
 
168
164
 
169
165
  vueを明示的にインスタンス化したものを格納した変数とコンポーネント化したvueのthisの理解が浅いため、意図の不明なコードがあるかもしれません。ご容赦ください。
170
-
171
-
172
-
173
- [2021/3/3]
174
-
175
- --①の部分でflg1が定義されているかどうか確認したところ、定義済みでした。
176
-
177
-  なので、未定義なので画面に出ないのではなく、変数は更新されているのに画面に反映されていない状態です。

6

補足追加

2021/03/03 02:34

投稿

motto_e
motto_e

スコア2

test CHANGED
File without changes
test CHANGED
@@ -106,7 +106,7 @@
106
106
 
107
107
  console.log('////'); //<-- 通る
108
108
 
109
- console.log('flg1:'+(typeof this.flg1 !== 'undefined')); // <--true
109
+ console.log('flg1:'+(typeof this.flg1 !== 'undefined')); // <--true --①
110
110
 
111
111
  //flg1は定義されている
112
112
 
@@ -167,3 +167,11 @@
167
167
 
168
168
 
169
169
  vueを明示的にインスタンス化したものを格納した変数とコンポーネント化したvueのthisの理解が浅いため、意図の不明なコードがあるかもしれません。ご容赦ください。
170
+
171
+
172
+
173
+ [2021/3/3]
174
+
175
+ --①の部分でflg1が定義されているかどうか確認したところ、定義済みでした。
176
+
177
+  なので、未定義なので画面に出ないのではなく、変数は更新されているのに画面に反映されていない状態です。

5

flg1定義済みかどうかのコード追加

2021/03/03 02:31

投稿

motto_e
motto_e

スコア2

test CHANGED
File without changes
test CHANGED
@@ -106,6 +106,10 @@
106
106
 
107
107
  console.log('////'); //<-- 通る
108
108
 
109
+ console.log('flg1:'+(typeof this.flg1 !== 'undefined')); // <--true
110
+
111
+ //flg1は定義されている
112
+
109
113
  var d = new Date();
110
114
 
111
115
  this.$data.flg1=d.getSeconds(); //<--代入しているが画面上に反映されない

4

プロパティ名を修正

2021/03/03 02:28

投稿

motto_e
motto_e

スコア2

test CHANGED
File without changes
test CHANGED
@@ -28,7 +28,7 @@
28
28
 
29
29
  <template v-for="(dt, i) in arrDt">
30
30
 
31
- <template v-if="name=='NETUGEN'">
31
+ <template v-if="name=='TEST1'">
32
32
 
33
33
  <gcmarker message="dt.aa" title="dt.bb" :left="l" :top="t" :key="i" />
34
34
 

3

HTMLのソース追加

2021/03/03 00:38

投稿

motto_e
motto_e

スコア2

test CHANGED
File without changes
test CHANGED
@@ -10,7 +10,49 @@
10
10
 
11
11
  ### 該当のソースコード
12
12
 
13
+
14
+
13
15
  ```vue, axios, javascript
16
+
17
+
18
+
19
+ <!-- 説明に表示部分ソース追加(2021/3/3付) -->
20
+
21
+ <template>
22
+
23
+ <section class="container">
24
+
25
+ <v-app>
26
+
27
+ <pre>flg1={{flg1}}</pre>
28
+
29
+ <template v-for="(dt, i) in arrDt">
30
+
31
+ <template v-if="name=='NETUGEN'">
32
+
33
+ <gcmarker message="dt.aa" title="dt.bb" :left="l" :top="t" :key="i" />
34
+
35
+ </template>
36
+
37
+ </template>
38
+
39
+ <hr>
40
+
41
+ <pre>[{{now}}]</pre>
42
+
43
+ <router-link to="/other">Go to other</router-link>
44
+
45
+
46
+
47
+ </v-app>
48
+
49
+ </section>
50
+
51
+ </template>
52
+
53
+
54
+
55
+
14
56
 
15
57
  <script>
16
58
 

2

実行結果画面追加

2021/03/03 00:31

投稿

motto_e
motto_e

スコア2

test CHANGED
File without changes
test CHANGED
@@ -114,6 +114,10 @@
114
114
 
115
115
 
116
116
 
117
+ 実行結果(2021/3/3付)
118
+
119
+ ![実行結果](f17fd2455f2ff7002ce4e7651a4a6964.jpeg)
120
+
117
121
 
118
122
 
119
123
  vueを明示的にインスタンス化したものを格納した変数とコンポーネント化したvueのthisの理解が浅いため、意図の不明なコードがあるかもしれません。ご容赦ください。

1

初心者マーク、補足追加しました。

2021/03/03 00:26

投稿

motto_e
motto_e

スコア2

test CHANGED
File without changes
test CHANGED
@@ -116,4 +116,4 @@
116
116
 
117
117
 
118
118
 
119
- ここより詳細な情報記載ください。
119
+ vueを明示的インスタンス化したもの格納た変数とコンポーネント化したvueのthisの理解が浅いため、意図の不明なコードがあるかもしれません。ご容赦ください。