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

質問編集履歴

1

コードを修正しました

2021/02/18 07:39

投稿

tktail
tktail

スコア72

title CHANGED
File without changes
body CHANGED
@@ -50,4 +50,49 @@
50
50
  文字列の結合は+のはずですが、、
51
51
 
52
52
  お手伝い頂けたら幸いです。
53
- よろしくお願い致します。
53
+ よろしくお願い致します。
54
+
55
+ 変更後
56
+ ```
57
+ <template>
58
+ <div
59
+ class="d-flex justify-center"
60
+ >
61
+ <v-text-field
62
+ v-model="data1"
63
+ outlined
64
+ ></v-text-field>
65
+ <span class="mx-2 pt-3">-</span>
66
+ <v-text-field
67
+ v-model="data2"
68
+ outlined
69
+ ></v-text-field>
70
+ <span class="mx-2 pt-3">-</span>
71
+ <v-text-field
72
+ v-model="data3"
73
+ outlined
74
+ ></v-text-field>
75
+ {{ telNumber }}
76
+ </div>
77
+ </template>
78
+
79
+ <script>
80
+ export default{
81
+ data () {
82
+ return{
83
+ data1: null,
84
+ data2: null,
85
+ data3: null,
86
+ telNumber: null,
87
+ }
88
+ },
89
+
90
+ computed: {
91
+ telNumber () {
92
+ return this.data1 + '-' + this.data2 + '-' + this.data3;
93
+ }
94
+ }
95
+
96
+ }
97
+ </script>
98
+ ```