Javascript Vue2错误';类列表';零误差

Javascript Vue2错误';类列表';零误差,javascript,syntax-error,components,vue.js,Javascript,Syntax Error,Components,Vue.js,所以我在Vue中编写一个组件。只是一个简单的导航。使用这些方法,我制作了一个活动脚本。我还制作了一个“创建的”loadfunction脚本,并对其中的元素进行了控制台操作 它在控制台中显示以下错误: TypeError: Cannot read property 'classList' of null at VueComponent.created (eval at <anonymous> (app.js:1002), <anonymous>:23:67) at call

所以我在Vue中编写一个组件。只是一个简单的导航。使用这些方法,我制作了一个活动脚本。我还制作了一个“创建的”loadfunction脚本,并对其中的元素进行了控制台操作

它在控制台中显示以下错误:

TypeError: Cannot read property 'classList' of null
at VueComponent.created (eval at <anonymous> (app.js:1002), <anonymous>:23:67)
at callHook (eval at <anonymous> (app.js:672), <anonymous>:2275:21)
at VueComponent.Vue._init (eval at <anonymous> (app.js:672), <anonymous>:3758:5)
at new VueComponent (eval at <anonymous> (app.js:672), <anonymous>:3922:12)
at createComponentInstanceForVnode (eval at <anonymous> (app.js:672), <anonymous>:3117:10)
at init (eval at <anonymous> (app.js:672), <anonymous>:2925:45)
at createComponent (eval at <anonymous> (app.js:672), <anonymous>:4656:9)
at createElm (eval at <anonymous> (app.js:672), <anonymous>:4599:9)
at createChildren (eval at <anonymous> (app.js:672), <anonymous>:4724:9)
at createElm (eval at <anonymous> (app.js:672), <anonymous>:4632:9)

created()
更改为
mounted()

如果您正在操作DOM,最好等待它。

created()
更改为
mounted()


如果您正在操作DOM,最好等待它。

刚刚发现
const el=document.querySelector('nav a:first child')

All
使其成为一个集合:/

应该是

const el = document.querySelectorAll('nav a:first-child');

刚刚发现
constel=document.querySelector('nava:first child')

All
使其成为一个集合:/

应该是

const el = document.querySelectorAll('nav a:first-child');

为什么我需要等待它?因为这才有意义。@Daniel答案是因为你想要操纵的DOM在挂载之前不存在。为什么我需要等待它?因为这才有意义。@Daniel答案是因为你想要操纵的DOM在挂载之前不存在。有更简单的方法来实现你想要的在Vue这里。通常,不需要使用DOM操作。如果你想展示你的模板,我可以提供一个例子。用查询选择器简单地解决了这个问题,但是thxx@bert:)在Vue中有更简单的方法来做你想做的事情。通常,不需要使用DOM操作。如果你想展示你的模板,我可以提供一个例子。用查询选择器简单地解决了这个问题,但是thxx@bert:)