vue.js - 如果元素存在，实例 Vue？

Question

我正在构建一个页面有一些虚拟机的应用程序，而在其他页面中则没有。当我们从一个页面切换到另一个页面时，会显示以下警告:

[Vue warn]: 找不到元素:#element-id

如何只在页面有元素的情况下才实例化虚拟机，避免报错？

注意:我正在使用 Rails Assets 管道，因此，所有 javascript 都连接到一个文件中。

Answer 1

保持原样没有任何问题。这只是一个仅在 Debug模式打开时运行的警告，因此无论如何您都应该在生产中将其关闭。

如果你想摆脱它，只需在启动 Vue 之前检查该元素是否存在 -

if(document.getElementById("element-id")){
  new Vue({...})
}

引用:How to check if element exists in the visible DOM?