如何使用vant组件中的dialog实现一个确认按钮的回调事件?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
不知道是不是我理解有问题,看了vant的组件库,他的文档是这样说的
然后我就绑定了事件 :confirm
结果他的触发机制是:加载页面时会触发,点击按钮打开模态框时会触发,点击确定会触发,点击取消也会触发。
经过查阅资料以后,可以绑定他一个事件:beforeClose
这个事件的回调 有两个参数,
第一个参数是来判断点击的是确认按钮还是取消按钮。第二个参数我感觉就是可以关闭模态框。
补充知识:修改 vant 弹窗Dialog 组件调用是确认按钮与取消按钮的文字
Props
有关props 两个属性 confirm-button-text 与 cancel-button-text 。
confirm-button-text 确认按钮显示内容
cancel-button-text 取消按钮显示内容
<van-dialog class="" confirm-button-text="这里输入确认按钮的文字" cancel-button-text="这里输入取消按钮显示的文字" title="这里是标题" show-cancel-button v-model="show" @confirm="" v-cloak>
</van-dialog>
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注亿速云行业资讯频道,感谢您对亿速云的支持。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。