微信小程序> vantDialog用法

vantDialog用法

浏览量:1764 时间: 来源:新叶之扉之丹儿

平时我们常看见给我们提示取消和确定选择;

今天我们就在vue.js上写一个简单的Dialog列子

引入import { Dialog } from 'vant' 

1.绑定一个事件 例如

<div class="my-content-list" @click="tellUs">
           联系我们
  </div>

 

2.触发事件 在methods方法里写

tellUs() {
                Dialog.confirm({
                    title: '确定拔打',
                    message: '1314520‘
                }).then(() => {
                    点击确定按钮时做什么?
                }).catch(() => {
                    // on cancel
                });
            },

效果图:

如果你也喜欢vue.欢迎一起讨论,共同进步。

 

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎