当前位置:首页 » 《随便一记》 » 正文

uniapp vue3怎么调用uni-popup组件的this.$refs.message.open() ?

26 人参与  2024年02月06日 11:21  分类 : 《随便一记》  评论

点击全文阅读


vue2代码

<!-- 提示信息弹窗 -->   <uni-popup ref="message" type="message">    <uni-popup-message :type="msgType" :message="messageText" :duration="2000"></uni-popup-message>   </uni-popup>
type: 'center',msgType: 'success',messageText: '这是一条成功提示',value: ''

vue2的调用方法

this.$refs.message.open()

然后调用的时候报错会出现错误

在这里插入图片描述

vue3的代码

<!-- 提示信息弹窗 -->   <uni-popup ref="message" type="message">    <uni-popup-message :type="msgType" :message="messageText" :duration="2000"></uni-popup-message>   </uni-popup>
const type=ref('center');const msgType=ref('success');const messageText=ref('这是一条成功提示');const value=ref('');
const message = ref(null)

在这里插入图片描述

改成
message.value.open()即可


点击全文阅读


本文链接:http://zhangshiyu.com/post/67546.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1