大概步骤:
目标效果
十二、弹窗页面
- 要点:
- 弹窗样式布局
- 公共组件,外部可控性
(一)、点击垃圾桶show弹窗页面
为了不在没必要的地方渲染,不想以前那样用v-show标识来打开,而是在弹窗页面的组件中设置内置方法
↓searchHistory.vue
<!--弹窗组件-->
<confirm
ref="confirm"
confirmBtnText="清空"
text="是否清空所有搜索历史"
></confirm>
showConfirm(){
this.$refs.confirm.show()
},
comfirm.vue
公共内置方法操作v-show
//公共内置方法操作v-show
show() {
this.showFlag = true
},
(二)、弹窗页面样式布局
comfirm.vue
<transiti