封装弹窗

104 阅读1分钟

父组件: `<button @click="clickDialog">打开弹窗
<button @click="clickDialog1">打开弹窗

<DialogVue :show="show" ref="dialog" :title="'我的弹窗'" @close="dialogClose" :width="'300'" :height="'200'" :color="'#065136'" >

  <DialogVue
  :show="show1"
  ref="dialog"
  :title="'我的弹窗1'"
  @close="dialogClose1"
  :width="'400'"
  :height="'400'"
  :color="'#fff'"     ></DialogVue>`

js: let show = ref(false) let show1 = ref(false) function clickDialog() { show.value = true } function clickDialog1() { show1.value = true } function dialogClose() { show.value = false } function dialogClose1() { show1.value = false }

子组件: