今天在大改 nuxt 項(xiàng)目 layout 的時(shí)候捷枯,將 Vuetify 的 side nav 換成 Element 的折疊式 nav 后间坐,發(fā)現(xiàn)了一個(gè) Warning锅论,雖然不影響使用绿店,但是控制臺(tái)輸出一堆璃搜,一個(gè)有強(qiáng)迫癥的程序猿是忍受不了的拙寡。
-
先來(lái)看下 Warning:
- 這個(gè)提示也是很明顯的授滓,意思大概就是 找不到 'data-app' 這個(gè)屬性目標(biāo)。
并且我發(fā)現(xiàn)好多 Vuetify 的組件都會(huì)提示這個(gè) Warning肆糕, - 因?yàn)槲抑桓膭?dòng)了 Layout 般堆,所以我猜想 應(yīng)該是 Vuetify 的一些組件可能需要找到祖先節(jié)點(diǎn),再渲染組件诚啃,那 'app-data' 這個(gè)可能就是一個(gè)標(biāo)識(shí)淮摔,于是乎,我就在 <nuxt /> 標(biāo)簽外層加了個(gè) 'app-data'始赎,如下:
<el-main class="bg-gredient-lightBlue" data-app="true">
<nuxt />
</el-main>
- 果然可以噩咪! 后來(lái)又 Google 了一下,只找到一個(gè)類似情況极阅,貼個(gè)鏈接如下:
https://forum.vuejs.org/t/vuetify-data-app-true-and-problems-rendering-v-dialog-in-unit-tests/27495