vue3如何使用view-plus组件Notify

Question

看了view-plus文档关于Notify只有vue2写法，不是很懂vue3，请问我这样写为什么报错。

<template>
  <view>
    <u-notify ref="uNotify" message="Hi uview-plus"></u-notify>
  </view>
</template>

<script lang="ts" setup>
import { ref, onMounted } from 'vue';
const uNotify: any = ref();


onMounted(() => {
  console.log("abb");
  
  console.log(uNotify);


  // 也可以通过主题形式调用，如：
  uNotify.value.show({
    top: 10,
    type: 'error',
    color: '#000',
    bgColor: '#e8e8e8',
    message: 'Hi uview-plus',
    duration: 1000 * 3,
    fontSize: 20,
    safeAreaInsetTop: true
  })

});
</script>

Answer 1

【相关推荐】

• 这篇文章：vue 如何写一个消息通知组件$notify，简单易懂，你上你也行 也许有你想要的答案，你可以看看

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^