vue-layer的用法
废话不多说,直接上步骤吧1.先使用命令把vue-layer插件装上npm install vue-layer2.在main.js中引入layer以及cssimportlayerfrom'vue-layer'import'vue-layer/lib/vue-layer.css'3.在main.js中使用layerVue.prototype.layer=...
·
废话不多说,直接上步骤吧
1. 先使用命令把vue-layer插件装上
npm install vue-layer
2.在main.js中引入layer以及css
import layer from 'vue-layer'
import 'vue-layer/lib/vue-layer.css'
3.在main.js中使用layer
Vue.prototype.layer = layer(Vue)
4.在组件中使用layer,这里用打开一个新的弹框为例
let testIndex = this.layer.open({
type: 2,
title: 'layer 测试',
area: 'auto',
btn: '确定',
shade: 0.4,
content: {
content: Test, // Test为要打开的子组件Name
parent: this
}
})
setTimeout(() => {
this.layer.close(testIndex) // 关闭此弹框
}, 2000)
更多推荐
已为社区贡献2条内容
所有评论(0)