未找到 van-toast 节点，请确认 selector 及 context 是否正确（Vant Weapp引入组件找不到context 是否正确）

Amodoro

已于 2024-10-22 13:29:05 修改

阅读量1.7k

点赞数 8

分类专栏：组件库文章标签：前端 vant weapp

于 2024-02-27 14:13:57 首次发布

本文链接：https://blog.youkuaiyun.com/qq_40230735/article/details/136321174

版权

组件库专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何在VantWeapp中正确使用van-dialog组件，确保其在可路由的page页面中生效，并强调了Options配置中context参数指向的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

引入Vant Weapp的组件默认在路由能跳转的page页面使用才能生效，否则组件Options配置有context选项的指向this

// <van-dialog id="van-dialog" />

import Dialog from '@vant/weapp/dialog/dialog';

Dialog.confirm({
  title: '标题',
  message: '弹窗内容',
  context: this // 指向所在页面
})
  .then(() => {
    // on confirm
  })
  .catch(() => {
    // on cancel
  });