如果元素存在,则为实例Vue？

Question

我正在构建一个页面有一些vms的应用程序,而有些则没有.当我们从一个页面更改为另一个页面时显示以下警告:

[Vue warn]: Cannot find element: #element-id

仅当页面上有元素并避免错误时,如何实例化VM？

注意:我正在使用Rails资产管道,因此,所有的javascript都连接成一个文件.

Answer 1

没有问题只是按原样离开.这只是一个警告,只有在打开调试模式时才会运行,因此无论如何都应该在生产中关闭它.

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

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