草庐IT

a-popconfirm

全部标签

a-switch和a-popconfirm联合使用,进行二次确认

在实际业务开发中,经常遇到需要二次确认的操作,其他的组件好说,这里主要介绍下如何使用a-switch和a-popconfirm进行二次确认操作的开发,由于每次点击a-swtich的时候,都会先触发a-switch的change方法,自动先将a-switch的状态修改了,没有达到预期的,二次确认之后再修改a-switch状态,所以这里需要特殊处理,具体代码如下://这里演示代码是在插槽中使用,在其他地方使用也是一样的情况statusAction(record){record.status=!record.status;}因为需要a-switch关闭的时候做二次确认,打开的时候不需要,所以这里准备

Element-ui Popconfirm气泡确认框的确认及取消事件不生效

Element-ui官方文档对Popconfirm气泡确认框的一些属性及事件的描述不够详细,导致第一次使用时会遇到各种各样的问题对确定事件及取消事件描述如下:但是如果给组件绑定@confirm="confirm"时,发现点击确定按钮时,并不能触发confirm事件.实际应该绑定的是onConfirm事件和onCancel事件删除