vue 如何获取dom元素

1.最近一个vueCLI2.0移动端项目

2.使用apicloud做浸入式导航,需要获取所有组件中带有id为header的dom元素

3.问题:请问这个vue 在哪里能够获取所有id为header的元素呢(需要获取所有组件中id为header的元素)

阅读 5.6k
3 个回答

Vue 设计的目的,就是让开发者可以避开 DOM 操作,只需要管理「数据」。

如果是 Vue 组件,就用 $refs 获取 DOM。
如果不是,就只能用「document(如 getElementById)接口」了。操作不多的话,不建议引入 jQuery。

掌握原生 JS 也是前端的必要技能之一。而且很多时候,使用 document 接口还可以代替一些全局变量/状态管理,因为数据不论「过程」怎么变化,其「结果」会反映在 DOM 上,用 document 可以轻易抓取。

id拿不到全部,因为id只能有一个

建议把header提取出来作为公共组件

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