Vuetify Warning: Unable to locate target [data-app]

2024-08-29 07:56:57

今天在大改 nuxt 项目 layout 的时候，将 Vuetify 的 side nav 换成 Element 的折叠式 nav 后，发现了一个 Warning，虽然不影响使用，但是控制台输出一堆，一个有强迫症的程序猿是忍受不了的。

先来看下 Warning：
这个提示也是很明显的，意思大概就是 找不到 'data-app' 这个属性目标。

并且我发现好多 Vuetify 的组件都会提示这个 Warning，
因为我只改动了 Layout ，所以我猜想应该是 Vuetify 的一些组件可能需要找到祖先节点，再渲染组件，那 'app-data' 这个可能就是一个标识，于是乎，我就在标签外层加了个 '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

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

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

最新文章

热门文章