最近开发复盘项目时遇到这么一个问题 原先dialog自带的取消和确定按钮要隐藏掉 写自定义按钮并且要求有三个按钮 查vant官网只有俩按钮的 找了一些资料实现了隐藏原先按钮并多个自定义按钮
首先来看普通的dialog的使用 官网Vant - Mobile UI Components built on Vue
这样的写法是只有取消和确认两个按钮的 接下来看多个的实现过程
1 首先要隐藏掉默认的取消和确定按钮
看官网文档
给 show-confirm-button和show-cancel-button属性赋值false就可以实现 说起来简单 写的时候却遇到了麻烦 show-confirm-button='false'这种赋值是不对的 编译器报错false为字符串而不是boolean值 搞了半天终于给解决了
需要加:以及去掉引号
来看正确写法
这样就可以直接隐藏了
下面说多个按钮的写法
隐藏掉后直接写你需要的按钮就行啦 需要什么样式自定义即可