vue2.0环境封装全局弹框组件

最新推荐文章于 2023-11-25 09:16:17 发布

今年必转行

最新推荐文章于 2023-11-25 09:16:17 发布

阅读量367

点赞数

分类专栏： vue 文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/weixin_43842174/article/details/126638040

版权

本文档介绍了如何在Vue2.0环境下封装一个全局可用的弹框组件。通过创建`index.vue`和`index.js`两个文件，并在`main.js`中引入，实现弹框组件的全局注册和使用。

摘要由CSDN通过智能技术生成

这里写自定义目录标题

vue2.0环境封装全局弹框组件

vue2.0环境封装全局弹框组件

找一个文件夹存放这两个文件
index.vue

 <div class="member-upgrade-box" v-show="showPopup">
    <div class="shelter"></div>
    </div>
  </div>
  <script type="text/javascript">
import {
    mapGetters, mapActions, mapMutations } from "vuex";
export default {
   
  name: "memberUpgradeBox",
  props: {
   
    show: false,
    type: {
   
      type: String,
      default: ''
    },
    title: {
   
      type: String,
      default: ''
    },
    buttons: {
   
      type: Object,
      default() {
   
      },
    },
  },
  data() {
   
    return {
   
      proM