質問編集履歴

1

コードを修正しました

2021/02/18 07:39

投稿

tktail
tktail

スコア72

test CHANGED
File without changes
test CHANGED
@@ -103,3 +103,93 @@
103
103
  お手伝い頂けたら幸いです。
104
104
 
105
105
  よろしくお願い致します。
106
+
107
+
108
+
109
+ 変更後
110
+
111
+ ```
112
+
113
+ <template>
114
+
115
+ <div
116
+
117
+ class="d-flex justify-center"
118
+
119
+ >
120
+
121
+ <v-text-field
122
+
123
+ v-model="data1"
124
+
125
+ outlined
126
+
127
+ ></v-text-field>
128
+
129
+ <span class="mx-2 pt-3">-</span>
130
+
131
+ <v-text-field
132
+
133
+ v-model="data2"
134
+
135
+ outlined
136
+
137
+ ></v-text-field>
138
+
139
+ <span class="mx-2 pt-3">-</span>
140
+
141
+ <v-text-field
142
+
143
+ v-model="data3"
144
+
145
+ outlined
146
+
147
+ ></v-text-field>
148
+
149
+ {{ telNumber }}
150
+
151
+ </div>
152
+
153
+ </template>
154
+
155
+
156
+
157
+ <script>
158
+
159
+ export default{
160
+
161
+ data () {
162
+
163
+ return{
164
+
165
+ data1: null,
166
+
167
+ data2: null,
168
+
169
+ data3: null,
170
+
171
+ telNumber: null,
172
+
173
+ }
174
+
175
+ },
176
+
177
+
178
+
179
+ computed: {
180
+
181
+ telNumber () {
182
+
183
+ return this.data1 + '-' + this.data2 + '-' + this.data3;
184
+
185
+ }
186
+
187
+ }
188
+
189
+
190
+
191
+ }
192
+
193
+ </script>
194
+
195
+ ```