layer-for-vue v1.2.4

基于 vue 版本版的 layer,提供基于 vue 的核心弹窗功能

layer-for-vue(当前版本 V1.2.4)

layer 版本(3.5.1)

兼容版本

Vue2.x

全局配置项 param

// 可开户配置如下
const param = {
  watermark: true, //是否支持水印功能（参考1.0.4版本的水印插件vue-watermark-v2）
  markInfo:{//（同vue-watermark-v2的props）
    content:[
      {
        text: "userName",
        style:{
          color:"red"
        }
      },
    ]
  },
  shadeNotClosed: true, //是否在缩小弹窗时不关闭遮罩，默认false
  allFixed: true, //是否在全局强制开启弹窗css属性positon为fixed，默认false
  allMaxHeight: "100%", //全局配置高度自适应时弹窗的最大高度（默认96%，可以是Number）
  allStartTop: 0 //全局配置弹窗的初始位置（默认是在位置为top:2%）
};
Vue.use(lpv, param);

阉割的配置属性

isOutAnim

resize

Install

	npm i layer-for-vue -S

	//main.js
	import lfv from "layer-for-vue";
  // import { updateWaterMark } from "layer-for-vue";//主要用于手动更新水印数据，开启watermark后可用
	Vue.use(lfv)


	（1）其它layer方法同当前版本一致

	（2）核心弹窗使用
	<layer-iframe
      v-model="visible"//使用v-modal控制弹窗显示隐藏
      title="title"
    >
	<!-- 弹窗内容放在此处 -->
    <div>这是弹窗内容</div>
    </layer-iframe>

Attribute

emit 回调函数

Other

1、后继会继续更新 vue3 版本

2、如果有其他问题邮件沟通1195669615@qq.com或者加 qq1195669615。若插件能够帮助到您，期待您的 star 哦！