所以我试图找到答案,但是没有成功。
window.onload = function() {
console.log(document.getElementById('#sell'));
if(document.getElementById('#sell')){
alert('jo');
//Init for Vue
}
}
它适用于jQuery,但不适用于 Vanilla JS,为什么?
console.log(document.getElementById('#sell'));
结果返回
NULL
。jQuery示例:
if ( $( "#sell" ).length ) {
const app = new Vue({
el: '#sell',
components: { sellPicture }
});
}
在我的sell.blade.php中,它看起来像这样
...
<div id="sell">
<sell-picture></sell-picture>
</div>
....
我的脚本添加在/ body之前
只是一个附带问题。我需要jQuery for Bootstrap,如果不更改DOM,在Vue中也要使用它吗?
最佳答案
从ID参数中删除#,如下所示
window.onload = function() {
console.log(document.getElementById('sell'));
if(document.getElementById('sell')){
alert('jo');
//Init for Vue
}
}
关于javascript - getElementById返回null? (使用Vue),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/48093691/