vue3使用vant4的showToast全局注册

最新推荐文章于 2024-06-03 11:31:33 发布

VirtuousIntro

最新推荐文章于 2024-06-03 11:31:33 发布

阅读量1.5k

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_40039641/article/details/131396623

版权

在main.ts里面引入vant

import {
  showToast
} from 'vant'
// 创建vue实例
const app = createApp(App)
app.config.globalProperties.$toast = showToast

在某个.vue页面使用轻量提示

import { getCurrentInstance } from 'vue'
const { appContext } = getCurrentInstance()
appContext.config.globalProperties.$toast('提示的内容')
// 需要换行的提示语
appContext.config.globalProperties.$toast({
  message: 'This message will contain a incomprehensibilities long word.',
  wordBreak: 'break-all',
  duration: 3000
})