Vue封装弹框组件(定义在原型上)
如果需要设置 全局弹框,在main.js中,Vue实例化的代码里添加。
防止污染全局作用域,可以通过在原型上定义它们使其在每个Vue页面中可被调用。
下面是组件效果图
1.我们在components文件夹下创建/qaconfirm/qaconfirm.vue
<template>
<div class="mack" v-if="isShow">
<div class="tipbox">
<div class="title font_b">{
{text.title.trim()}}</div>
<div class="mesg font_s">
<p class="icon"><span class="font_family"></span></p> <!-- icon提示图标图片 -->
<span>{
{text.content.trim()}}</span>
</div>
<div class="footb tipbtn">
<a-button type="primary"