官方文档中还有些例子是vue2的写法
下面代码是一个简单的示例,供大家参考。
<template>
<view>
<view>
<!-- 提示信息弹窗 -->
<uni-popup ref="message" type="message">
<uni-popup-message :type="msgType" :message="messageText" :duration="2000"></uni-popup-message>
</uni-popup>
</view>
<button type="primary" @click="messageToggle('success')">MESSAGE</button>
</view>
</template>
<script setup>
import {
ref,
onMounted
} from 'vue'
const message = ref(null)
const msgType = ref('')
const messageText = ref('')
onMounted(()=>{
console.log('onMounted')
// console.log(message.value)
})
function messageToggle(type) {
msgType.value = type
messageText.value = `这是一条${type}消息提示`
// this.$refs.message.open()
message.value.open()
}
</script>
5 个评论
要回复文章请先登录或注册
苦哈哈的搬砖员
m***@163.com
喜欢技术的前端
c***@qq.com
2***@qq.com