質問編集履歴
9
タグ更新
test
CHANGED
File without changes
|
test
CHANGED
File without changes
|
8
タイトルと環境修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
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未定義確認の変更破棄
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
補足追加
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定義済みかどうかのコード追加
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
プロパティ名を修正
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=='
|
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のソース追加
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
実行結果画面追加
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
初心者マーク、補足追加しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -116,4 +116,4 @@
|
|
116
116
|
|
117
117
|
|
118
118
|
|
119
|
-
|
119
|
+
vueを明示的にインスタンス化したものを格納した変数とコンポーネント化したvueのthisの理解が浅いため、意図の不明なコードがあるかもしれません。ご容赦ください。
|