vuemydialog

usage

npm i vuemydialog

// main.js
import vuemydialog from 'vuemydialog';
Vue.use(vuemydialog)

// Home.vue

<template>
  <div>
    <vuemydialog :show="faShow" @clickMask="clickMaskFa" @clickClose="clickCloseFa">
      <div slot="title">My title</div>
      <div slot="icon">
        close icon
      </div>
      <div slot="default">--- main content---</div>
    </vuemydialog>
  </div>
</template>

<script>
  export default {
    name: "Home",
    data() {
      return {
        faShow: true,
      };
    },
    methods:{
      clickMaskFa(){
        console.log('click mask--')
        this.faShow = false;
      },
      clickCloseFa(){
        console.log('click close icon--')
        this.faShow = false;
      }
    }
  };
</script>

NPM VUE PLUGIN

node 10.15.3 if npm run build fail, please check node version. or delete node_modules directory and npm install again

npm upload

npm run build // build the dist plugin

npm login

npm version patch

npm publish

if fail , change package name will success.

my wechat number 我的微信号 call me

yizheng369

source code 源码

https://gitee.com/618859/vue_npm_plugin