質問編集履歴

2

自己調査を追記

2023/01/01 09:29

投稿

can1980
can1980

スコア17

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

テンプレートの記入ミス

2022/12/31 18:10

投稿

can1980
can1980

スコア17

test CHANGED
File without changes
test CHANGED
@@ -1,7 +1,5 @@
1
1
  ### 前提
2
2
 
3
- ここに質問の内容を詳しく書いてください。
4
- (例)
5
3
  Vuetifyの学習でサンプルの組み合わせを行っていました。
6
4
  ドロップダウンを組み合わせていて以下のエラーメッセージが発生しました。
7
5