问题描述
限时送ChatGPT账号..我正在构建一个应用程序,其中一个页面有一些虚拟机,而另一些则没有.当我们从一个页面切换到另一个页面时显示以下警告:
I'm building an app that a page has some vms, in others not. When we change from one page to another show the following warning:
[Vue 警告]:找不到元素:#element-id
如何仅在页面上有元素的情况下实例化虚拟机并避免错误?
How do I instantiate VMs only if there is the element on the page and avoid the error?
注意:我正在使用 Rails 资产管道,因此,所有 javascript 都连接到一个文件中.
NOTE: I'm using Rails asset pipeline, so, all the javascript is concatenated into a single file.
推荐答案
保持原样没有问题.这只是一个仅在调试模式打开时运行的警告,因此无论如何您都应该在生产中将其关闭.
There are no issues just leaving it as is. This is just a warning that only runs when debug mode is on, so you should have it turned off in production anyway.
如果你想摆脱它,只需在启动Vue之前检查元素是否存在-
If you want to get rid of it, just check if the element exists before launching Vue -
if(document.getElementById("element-id")){
new Vue({...})
}
Ref: 如何检查元素是否存在于可见的 DOM?
这篇关于如果元素存在,则实例Vue?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
更多推荐
[db:关键词]
发布评论