Vue3组件中使用ref解决GetElementById为空的问题

今天遇到一个问题,就是在Vue3组件中需要获取template中的元素节点,使用GetElementById返回的却是null,网上查找了好些资料,才发需要使用ref。

1.Vue3 中 ref 访问单个元素


注意:

  • 变量名称必须要与 ref 命名的属性名称一致。
  • 通过 hello.value 的形式获取 DOM 元素。
  • 必须要在 DOM 渲染完成后才可以获取 hello.value,否则就是 null。

 2.Vue3 中 ref 访问v-for元素


注意,这里取到的是

  • 元素节点,要取到

    ,则需要从childNodes中获取

    itemRefs.value[i].childNodes[0]

  • 你可能感兴趣的:(CesiumJS,vue.js,javascript,前端,ref,GetElementById)