在uni-app中,使用this.$refs可以获取组件的DOM节点。

假设需要获取一个按钮的DOM节点,可以在模板中给这个按钮添加一个ref属性:

<template>
  <view>
    <button ref="myBtn">点击我</button>
  </view>
</template>

然后在mounted生命周期函数中使用this.$refs获取这个按钮的DOM节点:

<script>
export default {
  mounted() {
    const myBtn = this.$refs.myBtn.$el;
    console.log(myBtn);
  }
}
</script>

这里使用this.$refs.myBtn.$el获取到的是原生的DOM节点,可以直接操作DOM节点。

uniapp用setup开发小程序怎么获取dom节点

原文地址: https://www.cveoy.top/t/topic/KYU 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录