[Vue警告]：找不到元素

作者: 记忆短浅♡思念不变
发布时间: 2024-10-12 02:19:27 (28天前)
转自：

5 条回复

0#
回复此人
听风～ | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 简单的事情就是在结束之前将脚本放在文档下面 <code> </body> </code> 标签： </p> <pre> <code> <body> <div id="main"> <div id="mainActivity" v-component="{{currentActivity}}" class="activity"></div> </div> <script src="app.js"></script> </body> </code> </pre> <P> app.js文件： </p> <pre> <code> var main = new Vue({ el: '#main', data: { currentActivity: 'home' } }); </code> </pre> </DIV>

编辑
1#
回复此人
v-star*위위 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我通过在'script'元素中添加属性'defer'来解决问题。 </p> </DIV>

编辑
2#
回复此人
敢嫁就敢娶 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我认为问题是你的脚本在目标dom元素加载到dom之前执行...一个原因可能是你已经将脚本放在页面的头部或放在div元素之前的脚本标记中 <code> #main </code> 。因此，当脚本执行时，它将无法找到目标元素，从而导致错误。 </p> <P> 一种解决方案是将脚本放在load事件处理程序中 </p> <pre> <code> window.onload = function () { var main = new Vue({ el: '#main', data: { currentActivity: 'home' } }); } </code> </pre> <HR /> <P> 另一种语法 </p> <pre> <code> window.addEventListener('load', function () { //your script }) </code> </pre> </DIV>

编辑
3#
回复此人
無口君 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我犯了同样的错误。解决方案是将脚本代码放在正文结尾之前，而不是在head部分。 </p> </DIV>

编辑

登录后才能参与评论