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

質問編集履歴

2

不要なタグを削除しました

2021/05/18 00:57

投稿

sa.ra.sa
sa.ra.sa

スコア0

title CHANGED
File without changes
body CHANGED
@@ -6,38 +6,6 @@
6
6
  ###### Vue2(CLI不使用)
7
7
 
8
8
  ```html
9
- <!DOCTYPE html>
10
- <html lang="jp">
11
- <head>
12
- <meta charset="UTF-8">
13
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
14
- <title>計算</title>
15
- <style>
16
- * {
17
- margin: 0;
18
- padding: 0;
19
- border: 0;
20
- box-sizing: border-box;
21
- }
22
- body {
23
- padding: 3rem 2rem;
24
- }
25
- select,
26
- input {
27
- border: 1px solid #888;
28
- padding: 0.5rem;
29
- }
30
- p {
31
- margin-bottom: 1rem;
32
- }
33
- ul {
34
- list-style-type: none;
35
- }
36
- span {
37
- margin-bottom: 0.5rem;
38
- }
39
- </style>
40
- </head>
41
9
  <body>
42
10
  <div id="app">
43
11
  <p>
@@ -111,7 +79,6 @@
111
79
  });
112
80
  </script>
113
81
  </body>
114
- </html>
115
82
  ```
116
83
 
117
84
  これを親子間でファイルを分けたVue3の状態にしたいのですが、下記の状態で詰まってしまい、うまくいかずに困っております。
@@ -238,32 +205,6 @@
238
205
 
239
206
  })
240
207
  </script>
241
-
242
- <style>
243
- * {
244
- margin: 0;
245
- padding: 0;
246
- border: 0;
247
- box-sizing: border-box;
248
- }
249
- body {
250
- padding: 3rem 2rem;
251
- }
252
- select,
253
- input {
254
- border: 1px solid #888;
255
- padding: 0.5rem;
256
- }
257
- p {
258
- margin-bottom: 1rem;
259
- }
260
- ul {
261
- list-style-type: none;
262
- }
263
- span {
264
- margin-bottom: 0.5rem;
265
- }
266
- </style>
267
208
  ```
268
209
 
269
210
 

1

余計なタグを入れてしまっていたので消しました

2021/05/18 00:57

投稿

sa.ra.sa
sa.ra.sa

スコア0

title CHANGED
File without changes
body CHANGED
@@ -157,7 +157,7 @@
157
157
  </select>
158
158
  </p>
159
159
  <p>
160
- <input type="number" min="0" :number="inputnumber" name="number" id="num" :disabled="!selected"><!-- value="" -->
160
+ <input type="number" min="0" :number="inputnumber" name="number" id="num" :disabled="!selected">
161
161
  {{ selected }}
162
162
  </p>
163
163
  <ul>