vant 通过组件调用 Dialog 时 show-confirm-button使用及展示多个按钮

最近开发复盘项目时遇到这么一个问题 原先dialog自带的取消和确定按钮要隐藏掉 写自定义按钮并且要求有三个按钮 查vant官网只有俩按钮的 找了一些资料实现了隐藏原先按钮并多个自定义按钮

首先来看普通的dialog的使用 官网Vant - Mobile UI Components built on Vue

vant 通过组件调用 Dialog 时 show-confirm-button使用及展示多个按钮

这样的写法是只有取消和确认两个按钮的 接下来看多个的实现过程

1 首先要隐藏掉默认的取消和确定按钮 

看官网文档

vant 通过组件调用 Dialog 时 show-confirm-button使用及展示多个按钮

给 show-confirm-button和show-cancel-button属性赋值false就可以实现 说起来简单 写的时候却遇到了麻烦 show-confirm-button='false'这种赋值是不对的 编译器报错false为字符串而不是boolean值 搞了半天终于给解决了

需要加:以及去掉引号

来看正确写法

vant 通过组件调用 Dialog 时 show-confirm-button使用及展示多个按钮

这样就可以直接隐藏了

下面说多个按钮的写法

vant 通过组件调用 Dialog 时 show-confirm-button使用及展示多个按钮 

隐藏掉后直接写你需要的按钮就行啦 需要什么样式自定义即可 

上一篇:JS响应式修改基于vue实现的页面的input值


下一篇:用Python给喜欢的女孩写一个办公小工具,她说棒极了!