Simple南瓜 2022-11-29 14:03 采纳率: 100%
浏览 513
已结题

vue3+vant toast使用时候提示 [Toast.loading is not a function]

问题遇到的现象和发生背景

vue3+vant toast使用时候提示 [Toast.loading is not a function]

用代码块功能插入代码,请勿粘贴截图
//上面的省略
import vant from "vant";
import { Toast,Dialog,Notify,ImagePreview } from "vant";
// Toast
import 'vant/es/toast/style';
import 'vant/es/dialog/style';
import 'vant/es/notify/style';
import 'vant/es/image-preview/style';

var app = createApp(App);
setupStore.install(app);
setupI18n.install(app);
app.use(router);
app.use(vant);
app.use(Toast).use(Dialog).use(Notify).use(ImagePreview);

app.mount("#app");
<template>
  123
  <van-button type="primary">button</van-button>
</template>
<script lang="ts" setup>
import { computed, onMounted, ref } from "vue";
import { Toast } from "vant";

onMounted(() => {
  Toast.loading("加载中...");
});
</script>

img

我这是哪里还没有加载进去么

运行结果及报错内容

img

我的解答思路和尝试过的方法
  Toast("加载中...");
  Toast("加载中...");
  Toast({message:"加载中..."});

img


这些都不行

  • 写回答

3条回答 默认 最新

  • qq_351734088 2022-11-29 15:02
    关注

    vue3版本按需调用是这样的

    img

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 12月7日
  • 已采纳回答 11月29日
  • 创建了问题 11月29日

悬赏问题

  • ¥15 Stata链式中介效应代码修改
  • ¥15 latex投稿显示click download
  • ¥15 请问读取环境变量文件失败是什么原因?
  • ¥15 在若依框架下实现人脸识别
  • ¥15 网络科学导论,网络控制
  • ¥100 安卓tv程序连接SQLSERVER2008问题
  • ¥15 利用Sentinel-2和Landsat8做一个水库的长时序NDVI的对比,为什么Snetinel-2计算的结果最小值特别小,而Lansat8就很平均
  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错