uniapp用setup开发小程序怎么获取dom节点
在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节点。
原文地址: https://www.cveoy.top/t/topic/KYU 著作权归作者所有。请勿转载和采集!