1.0.2 • Published 5 years ago

vue-masklayer v1.0.2

Weekly downloads
1
License
ISC
Repository
-
Last release
5 years ago

vue-masklayer

基于vue,一个简单的弹出遮罩层的插件, 内容由使用者自定义

##安装

npm install --save vue-masklayer

##使用方法

import masklayer from 'vue-masklayer'
Vue.use(masklayer, { name: '可自定义组件的使用名字' })
例如home.vue
<template>
  <div>
		<masklayer :show="show" :modal="modal" @click="onClick">
    	<div class="your-vue-content">你的内容</div>
		</masklayer>
  </div>
</template>
<script>
export default {
	data() {
		return {
			show: false, //  是否显示弹层
			modal: true, // 是否显示遮罩层背景,默认是true
		}
	},
	methods: {
		// 遮罩层被点击的回调函数
		onClick() {

		}
	}
}
</script>