Question

我有一个脚本文件，其中包含两个Vue应用程序，可在多个Django模板中使用。应用为vue1和vue2，分别为el: #vue1-app和el: #vue2-app。

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

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

谢谢！

Answer 1

我不是Django开发人员，但是我认为您可以将它们分成两个文件或添加类似条件：

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

Answer 2

Vue（最小化）版本中不会发出Vue警告，因此您可以加载vue.min.js：

new Vue({
  el: '#does_not_exist',
})

<script src="https://unpkg.com/vue@2.6.10/dist/vue.min.js"></script>

<div id="app">
  <p>{{ message }}</p>
</div>

有没有一种方法可以抑制VueJS“找不到元素”警告

2 个答案: