質問編集履歴

3

修正

2020/08/18 03:09

投稿

roronoazoro
roronoazoro

スコア113

test CHANGED
File without changes
test CHANGED
@@ -56,6 +56,8 @@
56
56
 
57
57
  ```vue
58
58
 
59
+ // 下記だと、fugaか、fuga01...のどちらかしか表示できない状態です
60
+
59
61
  <v-select
60
62
 
61
63
  v-model="todo"
@@ -81,8 +83,6 @@
81
83
  // 理想
82
84
 
83
85
  // v-selectのなかで、ttlとnameの値を取得し、表示させたいです
84
-
85
- // 現状fugaか、fuga01...のどちらかしか表示できません。
86
86
 
87
87
  <v-select
88
88
 

2

タイポ

2020/08/18 03:09

投稿

roronoazoro
roronoazoro

スコア113

test CHANGED
File without changes
test CHANGED
@@ -96,6 +96,8 @@
96
96
 
97
97
  >
98
98
 
99
+ // 出力結果のイメージ
100
+
99
101
  <div>fuga</div>
100
102
 
101
103
  <ul>

1

しゅうせい

2020/08/18 03:08

投稿

roronoazoro
roronoazoro

スコア113

test CHANGED
File without changes
test CHANGED
@@ -40,6 +40,8 @@
40
40
 
41
41
  ただ、こちらのやり方だと、1段階のパターンしか実現できないように思います。
42
42
 
43
+ (下記のコードだとnameに入っている値が表示されるのみ)
44
+
43
45
 
44
46
 
45
47
  `item-value`と、`item-text`をなしでやろうとすると、`[object Object]`となってしまい、煮詰まっています。
@@ -49,8 +51,6 @@
49
51
 
50
52
 
51
53
  ## 該当のソースコード
52
-
53
-
54
54
 
55
55
 
56
56
 
@@ -74,6 +74,50 @@
74
74
 
75
75
 
76
76
 
77
+
78
+
79
+ ```vue
80
+
81
+ // 理想
82
+
83
+ // v-selectのなかで、ttlとnameの値を取得し、表示させたいです
84
+
85
+ // 現状fugaか、fuga01...のどちらかしか表示できません。
86
+
87
+ <v-select
88
+
89
+ v-model="todo"
90
+
91
+ item-value="ttl"
92
+
93
+ item-text="name"
94
+
95
+ :items="todos"
96
+
97
+ >
98
+
99
+ <div>fuga</div>
100
+
101
+ <ul>
102
+
103
+ <li>fuga01</li>
104
+
105
+ <li>fuga02</li>
106
+
107
+ <li>fuga03</li>
108
+
109
+ <li>fuga04</li>
110
+
111
+ <li>fuga05</li>
112
+
113
+ </ul>
114
+
115
+ </v-select>
116
+
117
+ ```
118
+
119
+
120
+
77
121
  ```js
78
122
 
79
123
  data() {
@@ -85,6 +129,8 @@
85
129
  todos: [
86
130
 
87
131
  {
132
+
133
+ id: 1,
88
134
 
89
135
  ttl: fuga,
90
136
 
@@ -105,6 +151,8 @@
105
151
  },
106
152
 
107
153
  {
154
+
155
+ id: 2,
108
156
 
109
157
  ttl: hoge,
110
158