Vue3怎么操作真实dom

我想把vue2的一个抽奖组件迁到vue3,我之前是直接用$el来操作的,但是我把this打印出来,顺着一些属性去找,找到的el都是null,请问如果我想修改真实dom应该怎么操作1602319516(1)

用ref的话,我需求是操作slot里面的dom,但是ref在slot上没用,放在slot上一级的话,ref只有一个,我的slot是个数组,每个都要进行dom操作

引入jq 然后找子元素

访问 DOM 确实使用 ref。Slot 内容也可以通过 ref 访问,不过我猜你是想在子组件访问父组件传入的 slot 内容?slot 内容属于父组件,ref 自然也应当定义到父组件里。如果你就是需要在子组件里访问传入的 slot,要么让父组件通过 prop 注入,要么子组件自己在合适的时机通过 DOM API 去访问。

1 Like