【爬坑日志】在uniapp vue3 使用refs、ref获取dom元素

背景

在使用uniapp的uni-popup需要使用refs获取dom元素以控制。在直接使用this.$refs.popup.open('top')控制组件时，会出现错误；无法使用refs。

解决方案

<template>
    <!-- 其他代码 -->
    <view>
        <!-- 输入框示例 -->
        <uni-popup ref="inputDialog" type="dialog">
            <uni-popup-dialog ref="inputClose"  mode="input" title="输入内容" value="对话框预置提示内容!"
		placeholder="请输入内容" @confirm="dialogInputConfirm"></uni-popup-dialog>
        </uni-popup>
    </view>
</template>
<script>
import {
    ref,
} from 'vue';

const inputDialog = ref(null);

function doOpen() {
    inputDialog.value.open()
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21