1.0.2 • Published 5 years ago
vue-masklayer v1.0.2
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>