質問編集履歴
5
サンプルデータとデバッカーのconsolの内容を追記しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
</body>
|
|
83
83
|
</html>
|
|
84
84
|
```
|
|
85
|
-
ここから追記
|
|
85
|
+
### ここから追記1
|
|
86
86
|
|
|
87
87
|
json形式で渡すとうまく動きます。
|
|
88
88
|
変更点のみ記述します。
|
|
@@ -96,4 +96,57 @@
|
|
|
96
96
|
```HTML
|
|
97
97
|
<tr v-for="list in lists"><td>{{ list.date | moment }}</td><td>{{ list.job }}</td><td>{{ list.name }}</td><td>{{ list.client }}</td></tr>
|
|
98
98
|
```
|
|
99
|
-
なぜSpreadSheetの配列だとエラーになるのかわからないままです。
|
|
99
|
+
なぜSpreadSheetの配列だとエラーになるのかわからないままです。
|
|
100
|
+
|
|
101
|
+
### 追記2
|
|
102
|
+
使用しているSpreadSheetのデータです。
|
|
103
|
+
|
|
104
|
+
日付 名前 試験内容
|
|
105
|
+
2019/03/13 鈴木 国語
|
|
106
|
+
2019/03/15 鈴木 数学
|
|
107
|
+
2019/03/13 鈴木 国語
|
|
108
|
+
2019/03/13 佐藤 理科
|
|
109
|
+
2019/03/15 佐藤 数学
|
|
110
|
+
2019/03/13 佐藤 国語
|
|
111
|
+
2019/03/13 佐藤 国語
|
|
112
|
+
|
|
113
|
+
デバッカーでのconsolの内容です
|
|
114
|
+
日付なし
|
|
115
|
+
|
|
116
|
+
userCodeAppPanel:6
|
|
117
|
+
(8) [Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2)]
|
|
118
|
+
0
|
|
119
|
+
:
|
|
120
|
+
(2) ["鈴木", "国語", __ob__: Observer]
|
|
121
|
+
1
|
|
122
|
+
:
|
|
123
|
+
(2) ["鈴木", "数学", __ob__: Observer]
|
|
124
|
+
2
|
|
125
|
+
:
|
|
126
|
+
(2) ["鈴木", "国語", __ob__: Observer]
|
|
127
|
+
3
|
|
128
|
+
:
|
|
129
|
+
(2) ["佐藤", "理科", __ob__: Observer]
|
|
130
|
+
4
|
|
131
|
+
:
|
|
132
|
+
(2) ["佐藤", "数学", __ob__: Observer]
|
|
133
|
+
5
|
|
134
|
+
:
|
|
135
|
+
(2) ["佐藤", "国語", __ob__: Observer]
|
|
136
|
+
6
|
|
137
|
+
:
|
|
138
|
+
(2) ["佐藤", "国語", __ob__: Observer]
|
|
139
|
+
length
|
|
140
|
+
:
|
|
141
|
+
7
|
|
142
|
+
__ob__
|
|
143
|
+
:
|
|
144
|
+
Observer {value: Array(7), dep: Dep, vmCount: 0}
|
|
145
|
+
__proto__
|
|
146
|
+
:
|
|
147
|
+
Array
|
|
148
|
+
|
|
149
|
+
日付あり
|
|
150
|
+
userCodeAppPanel:6 null
|
|
151
|
+
|
|
152
|
+
です。よろしくお願いします。
|
4
追記部分の記述間違いを修正しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -61,6 +61,7 @@
|
|
|
61
61
|
</script>
|
|
62
62
|
```
|
|
63
63
|
index.html
|
|
64
|
+
|
|
64
65
|
```HTML
|
|
65
66
|
<!DOCTYPE html>
|
|
66
67
|
<html>
|
|
@@ -80,22 +81,19 @@
|
|
|
80
81
|
<?!= HtmlService.createHtmlOutputFromFile('js').getContent(); ?>
|
|
81
82
|
</body>
|
|
82
83
|
</html>
|
|
84
|
+
```
|
|
85
|
+
ここから追記
|
|
83
86
|
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
この下から追記しました。
|
|
89
|
-
json形式で渡すと次のコートででうまく動きます
|
|
87
|
+
json形式で渡すとうまく動きます。
|
|
88
|
+
変更点のみ記述します。
|
|
89
|
+
js.html
|
|
90
90
|
```javascript
|
|
91
91
|
function initializeVue(values){
|
|
92
92
|
console.log(values);
|
|
93
93
|
values = JSON.parse(values);
|
|
94
|
-
//以下同じなので略
|
|
95
94
|
```
|
|
96
|
-
|
|
97
95
|
index.html
|
|
98
|
-
``HTML
|
|
96
|
+
```HTML
|
|
99
|
-
前後同じなので略
|
|
100
97
|
<tr v-for="list in lists"><td>{{ list.date | moment }}</td><td>{{ list.job }}</td><td>{{ list.name }}</td><td>{{ list.client }}</td></tr>
|
|
101
|
-
```
|
|
98
|
+
```
|
|
99
|
+
なぜSpreadSheetの配列だとエラーになるのかわからないままです。
|
3
追記の中の記述間違いを修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -85,16 +85,15 @@
|
|
|
85
85
|
```HTML
|
|
86
86
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
|
|
87
87
|
|
|
88
|
-
|
|
88
|
+
この下から追記しました。
|
|
89
|
-
json形式で渡すと次のコー
|
|
89
|
+
json形式で渡すと次のコートででうまく動きます
|
|
90
|
-
js.html
|
|
91
90
|
```javascript
|
|
92
91
|
function initializeVue(values){
|
|
93
92
|
console.log(values);
|
|
94
93
|
values = JSON.parse(values);
|
|
95
|
-
以下同じなので略
|
|
94
|
+
//以下同じなので略
|
|
96
|
-
コード
|
|
97
95
|
```
|
|
96
|
+
|
|
98
97
|
index.html
|
|
99
98
|
``HTML
|
|
100
99
|
前後同じなので略
|
2
json形式で渡すとうまく動くのにシートの配列のままだと動かないままです
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -86,4 +86,17 @@
|
|
|
86
86
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
|
|
87
87
|
|
|
88
88
|
```
|
|
89
|
+
json形式で渡すと次のコードでうまく動きます。
|
|
90
|
+
js.html
|
|
89
|
-
|
|
91
|
+
```javascript
|
|
92
|
+
function initializeVue(values){
|
|
93
|
+
console.log(values);
|
|
94
|
+
values = JSON.parse(values);
|
|
95
|
+
以下同じなので略
|
|
96
|
+
コード
|
|
97
|
+
```
|
|
98
|
+
index.html
|
|
99
|
+
``HTML
|
|
100
|
+
前後同じなので略
|
|
101
|
+
<tr v-for="list in lists"><td>{{ list.date | moment }}</td><td>{{ list.job }}</td><td>{{ list.name }}</td><td>{{ list.client }}</td></tr>
|
|
102
|
+
```
|
1
json形式で渡すと成功します。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -80,9 +80,10 @@
|
|
|
80
80
|
<?!= HtmlService.createHtmlOutputFromFile('js').getContent(); ?>
|
|
81
81
|
</body>
|
|
82
82
|
</html>
|
|
83
|
-
|
|
83
|
+
|
|
84
84
|
css.html
|
|
85
85
|
```HTML
|
|
86
86
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
|
|
87
87
|
|
|
88
|
-
```
|
|
88
|
+
```
|
|
89
|
+
### ヘディングのテキスト
|