在实现公司项目的时候,看到了同事使用ant design vue的气泡确认框(popconfirm)这一插件来展示相关信息供直接点击可查看,减少弹窗出现,觉得是一种很不错的写法,先将其记录在这边,方便以后需要的时候可以在这边借鉴。
实现的效果图如下:
(1)首先要提供一个可以触发这个弹窗出现的点击入口
像这种可以有两种实现方式
第一种是像下面这种写法:
(a)首先引入CButton
(b) 将这个组件通过components暴露出来
(c)在template中写上 样式代码以及触发代码,如下所示: