javascript - 有没有办法抑制VueJS“找不到元素”警告

Question

我有一个包含两个 Vue 应用程序的脚本文件，我在多个 django 模板中使用它们。应用程序是vue1, 和vue2, 和el: #vue1-app, 和el: #vue2-app。

在一个特定页面上，我只使用其中一个应用程序，而不是两者。所以我的 html 只包含<div id="vue1-app"></div>而不是同时包含 divvue1-app和vue2-appid。因此Vue记录警告"Cannot find element: #vue2-app"。

有没有办法抑制这些警告或任何其他绕过？

谢谢！

标签： javascripthtmlvue.js

Answer 1

我不是 Django 开发人员，但我认为也许您可以将它们拆分为两个文件或添加如下条件：

const vueApp = document.querySelector('#vue-app')
if(vueApp){
  // mount the app
}