详解如何用VUE写一个多用模态框组件模版(2)

<template> <div> <!-- 提交成功模态框 --> <Modal ref="Modal" :imgadress="imgadress" v-show="isModalVisible" statusText="提交成功" @closeModal="closeModal" contentText="Index.vue" :IDList="IDList" :buttonBackground="blue" @button="closeModal" sure="确定" alert="1" > </Modal> <button @click="showModel">支付成功模态框</button> </div> </template>

如图

模态框-2.gif

可能并不是特别完美，如果您发现有缺点，还请不吝赐教！