gpt4 book ai didi

javascript - [Vue 警告] : Cannot find element

转载 作者:IT王子 更新时间:2023-10-29 02:37:50 26 4
gpt4 key购买 nike

我正在使用 Vuejs .这是我的标记:

<body>
<div id="main">
<div id="mainActivity" v-component="{{currentActivity}}" class="activity"></div>
</div>
</body>

这是我的代码:

var main = new Vue({
el: '#main',
data: {
currentActivity: 'home'
}
})
;

当我加载页面时,我收到此警告:

[Vue warn]: Cannot find element: #main

我做错了什么?

最佳答案

我认为问题是您的脚本在目标 dom 元素加载到 dom 之前执行...一个原因可能是您将脚本放在页面的头部或放置在之前的脚本标记中div 元素 #main。因此,当执行脚本时,它将无法找到目标元素,因此会出现错误。

一种解决方案是将您的脚本放在加载事件处理程序中,例如

window.onload = function () {
var main = new Vue({
el: '#main',
data: {
currentActivity: 'home'
}
});
}

另一种语法

window.addEventListener('load', function () {
//your script
})

关于javascript - [Vue 警告] : Cannot find element,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29484431/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com