質問編集履歴
2
自己調査を追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -103,7 +103,44 @@
|
|
103
103
|
}
|
104
104
|
</style>
|
105
105
|
```
|
106
|
-
|
106
|
+
```HTML
|
107
|
+
<header class="v-toolbar v-toolbar--density-default bg-orange accent-1 elevation-4 v-theme--light v-app-bar" prominent="" data-v-27b1954b="" style="top: 0px; z-index: 1006; transform: translateY(0%); position: fixed; left: 0px; width: calc((100% - 0px) - 0px);">
|
108
|
+
<!---->
|
109
|
+
<div class="v-toolbar__content" style="height: 64px;">
|
110
|
+
<!---->
|
111
|
+
<!---->
|
112
|
+
<button type="button" class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-text v-app-bar-nav-icon" data-v-27b1954b="">
|
113
|
+
<span class="v-btn__overlay"></span>
|
114
|
+
<span class="v-btn__underlay"></span>
|
115
|
+
<!---->
|
116
|
+
<span class="v-btn__content" data-no-activator="">
|
117
|
+
<i class="mdi-menu mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i>
|
118
|
+
</span>
|
119
|
+
<!---->
|
120
|
+
<!---->
|
121
|
+
</button>
|
122
|
+
<div class="v-toolbar-title" data-v-27b1954b="">
|
123
|
+
<div class="v-toolbar-title__placeholder">
|
124
|
+
<!---->
|
125
|
+
Vuetify
|
126
|
+
</div>
|
127
|
+
</div>
|
128
|
+
<div class="flex-grow-1" data-v-27b1954b=""></div>
|
129
|
+
<button type="button" class="v-btn v-theme--light text-primary v-btn--density-default v-btn--size-default v-btn--variant-text" dark="" data-v-27b1954b="">
|
130
|
+
<span class="v-btn__overlay"></span>
|
131
|
+
<span class="v-btn__underlay"></span>
|
132
|
+
<!---->
|
133
|
+
<span class="v-btn__content" data-no-activator=""> Dropdown </span>
|
134
|
+
<!---->
|
135
|
+
<!---->
|
136
|
+
</button>
|
137
|
+
<!--teleport start-->
|
138
|
+
<!--teleport end-->
|
139
|
+
<!---->
|
140
|
+
</div>
|
141
|
+
<!---->
|
142
|
+
</header>
|
143
|
+
```
|
107
144
|
### 試したこと
|
108
145
|
{ on } を scopeDataFromVMenu に変えて
|
109
146
|
v-on = "scopeDataFromVMenu.on" に変えてみたのですが、同じエラーとなりました。
|
@@ -112,4 +149,12 @@
|
|
112
149
|
|
113
150
|
Vue3 の Laravelsail 環境下で VITEv4.0.3で動かしています。
|
114
151
|
|
152
|
+
01/01 18:23-追記
|
153
|
+
開発者ツールで要素を調べてみた所
|
154
|
+
<!--teleport start-->
|
155
|
+
<!--teleport end-->
|
156
|
+
となっていて、
|
157
|
+
そもそもonclickで表示すべき部分が読み込まれていないようです。
|
158
|
+
viteの方では特にエラーなどでていないのですが
|
159
|
+
v-listが何らかの原因で読み飛ばされていると考えて良いのでしょうか?
|
115
160
|
|
1
テンプレートの記入ミス
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,7 +1,5 @@
|
|
1
1
|
### 前提
|
2
2
|
|
3
|
-
ここに質問の内容を詳しく書いてください。
|
4
|
-
(例)
|
5
3
|
Vuetifyの学習でサンプルの組み合わせを行っていました。
|
6
4
|
ドロップダウンを組み合わせていて以下のエラーメッセージが発生しました。
|
7
5
|
|