今天在大改 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

END

觉得有帮助的小伙伴点个赞支持下~

觉得有帮助的小伙伴点个赞支持下~