質問編集履歴
1
コメントをもとに解決できたのでコードの変更点
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -24,4 +24,24 @@
|
|
|
24
24
|
</template>
|
|
25
25
|
</v-edit-dialog>
|
|
26
26
|
~省略~
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
###### 以下頂いたコメントをもとに変更
|
|
30
|
+
v-edit-dialogを使っていた部分をまるまる削除し、v-dialogに差し替えました。scriptのほうでcategoryDialog:falseも新たに追加してます。
|
|
31
|
+
使用するコンポーネントを変えた影響で、値が空白だったらクリック出来なかったりダイアログが画面の中央に表示されたりしていますが
|
|
32
|
+
セレクトボックスの選択→終了という動作はできています。
|
|
33
|
+
|
|
34
|
+
```JavaScript
|
|
35
|
+
<v-dialog v-model="categoryDialog" dark max-width="200">
|
|
36
|
+
<template v-slot:activator="{on}">
|
|
37
|
+
<span v-on="on">{{props.item.category}}</span>
|
|
38
|
+
</template>
|
|
39
|
+
<v-select
|
|
40
|
+
:items="selectPlayCategory"
|
|
41
|
+
v-model="props.item.category"
|
|
42
|
+
item-text="text"
|
|
43
|
+
item-value="value"
|
|
44
|
+
@change="categoryDialog=false"
|
|
45
|
+
></v-select>
|
|
46
|
+
</v-dialog>
|
|
27
47
|
```
|