Vue与原生js混编,原生js代码不生效

在做一个进入页面自动获取焦点的功能,在<script>标签开头或者中间写都没有效果,在末尾写就有效果这是为什么呢?求大佬解答谢谢。

image.png不起效果

image.png放在末尾就起效果了

放在最前面的获取的为image.png
放在最后面的获取的为image.png

阅读 5.2k
2 个回答

你给元素绑定的v-model在VUE初始化时,会对元素再次进行初始化赋值渲染,你开始的赋值被覆盖了,你可以在vue生命周期里打印一下元素的值。

在之前和之后 打印document.getElementById('search')
看看在哪个阶段可拿到这个dom元素
有可能是之前,都元素都没渲染完

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题