質問編集履歴

1

コメントをもとに解決できたのでコードの変更点

2020/04/26 14:32

投稿

Hr_ppm
Hr_ppm

スコア10

test CHANGED
File without changes
test CHANGED
@@ -51,3 +51,43 @@
51
51
  ~省略~
52
52
 
53
53
  ```
54
+
55
+
56
+
57
+ ###### 以下頂いたコメントをもとに変更
58
+
59
+ v-edit-dialogを使っていた部分をまるまる削除し、v-dialogに差し替えました。scriptのほうでcategoryDialog:falseも新たに追加してます。
60
+
61
+ 使用するコンポーネントを変えた影響で、値が空白だったらクリック出来なかったりダイアログが画面の中央に表示されたりしていますが
62
+
63
+ セレクトボックスの選択→終了という動作はできています。
64
+
65
+
66
+
67
+ ```JavaScript
68
+
69
+ <v-dialog v-model="categoryDialog" dark max-width="200">
70
+
71
+ <template v-slot:activator="{on}">
72
+
73
+ <span v-on="on">{{props.item.category}}</span>
74
+
75
+ </template>
76
+
77
+ <v-select
78
+
79
+ :items="selectPlayCategory"
80
+
81
+ v-model="props.item.category"
82
+
83
+ item-text="text"
84
+
85
+ item-value="value"
86
+
87
+ @change="categoryDialog=false"
88
+
89
+ ></v-select>
90
+
91
+ </v-dialog>
92
+
93
+ ```