安装Vue js时无法使用querySelector选择元素

时间:2019-12-15 15:09:25

标签: vuejs2 vuetify.js nuxt.js

我正在使用Nuxt.js和Vuetify,我正在尝试选择一个元素

mounted(){
   console.log(this.$el.querySelector('#scroll-target'));
}

但是页面编译后,我在控制台中得到的是null。

当我这样做时,我可以看到我的元素:

mounted(){
    setTimeout(function () {
      console.log(this.$el.querySelector('#scroll-target'));
    }.bind(this), 2000);
}

知道在文档中提到$ el是在挂载之前创建的 所以可以向我解释为什么会这样吗?

1 个答案:

答案 0 :(得分:0)

看起来它应该对我有用,我们可以看到模板吗?我也刚刚对其进行了测试,并且在我的vue环境中可以正常工作。

我似乎返回null的唯一情况是,如果出于某种原因(例如v-if条件等)未呈现组件,则

是否可以粘贴模板?谢谢