Question

我刚开始用VueJS编程，我无法理解为什么我不能把我的＆＃34;新的Vue（）＆＃34; .js文件中的函数。我用我能想到的最简单的应用程序做了一个例子。如果我的HTML像这样

&num=5

我的.js喜欢这个

       if ((myWindow == null) || (myWindow.closed)) {
            console.log("new window");
            // open pop up window and get document for processing
            myWindow = window.open(l_url, l_name, l_params);
            myWindow.document.getElementById("tbody_result").append("<tr>" + row_html + "</tr>");
        }

它没有显示任何内容，控制台显示此错误：＆＃34; [Vue警告]：找不到元素：#application＆＃34;，但如果我打开JSFiddle并只粘贴代码就可以了。

如果我取.js文件的最后三行并将它们放在＆lt;脚本＆gt;在html正文中标记，我没有错误，一切正常。

为什么会这样？谢谢你的关注。

Answer 1

如果您的<body>是您显示的js代码，那是因为

the javascript code is executed before the DOM is loaded 。您将下面的代码放在application标记中是正确的，这样可以确保只在DOM加载代码时执行，因此加载了标识为<input type="checkbox" class="class-of-checkbox" value="facebook">的元素。

Answer 2

脚本应该在<html> <head> <meta charset="utf-8" /> <title>HBL</title> </head> <body> <div id="application"> <greeting></greeting> </div> <script src="https://unpkg.com/vue"></script> <script src="esterno.js"></script> </body>的末尾。我建议你在加载DOM时加载脚本。

{{1}}

VueJS＆＃34;新的Vue（）＆＃34;在.js文件中无法正常工作

2 个答案: