今天在大改 nuxt 项目 layout 的时候,将 Vuetify 的 side nav 换成 Element 的折叠式 nav 后,发现了一个 Warning,虽然不影响使用,但是控制台输出一堆,一个有强迫症的程序猿是忍受不了的。
-
先来看下 Warning:
- 这个提示也是很明显的,意思大概就是 找不到 'data-app' 这个属性目标。
并且我发现好多 Vuetify 的组件都会提示这个 Warning, - 因为我只改动了 Layout ,所以我猜想 应该是 Vuetify 的一些组件可能需要找到祖先节点,再渲染组件,那 'app-data' 这个可能就是一个标识,于是乎,我就在 <nuxt /> 标签外层加了个 'app-data',如下:
<el-main class="bg-gredient-lightBlue" data-app="true">
<nuxt />
</el-main>
- 果然可以! 后来又 Google 了一下,只找到一个类似情况,贴个链接如下:
https://forum.vuejs.org/t/vuetify-data-app-true-and-problems-rendering-v-dialog-in-unit-tests/27495