Vue音乐--搜索页面12_清空按钮弹窗页面

大概步骤：

目标效果

---

十二、弹窗页面

• 要点：
  • 弹窗样式布局
  • 公共组件，外部可控性

（一）、点击垃圾桶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