所以我试图找到答案,但是没有成功。

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/

10-09 17:28