在vue-cli中使用layer弹出层插件
在vue-cli中使用layer弹框插件首先去官网layer去下载,然后解压放在static文件下;最后在index.html文件中全局引用:<link rel="stylesheet" href="static/layer/need/layer.css"&
·
在vue-cli中使用layer弹框插件
首先去官网layer去下载,然后解压放在static文件下;最后在index.html文件中全局引用:
<link rel="stylesheet" href="static/layer/need/layer.css">
<script src="static/layer/layer.js"></script>
然后在需要弹框页面中使用:
这里只选一个弹框案例;还有许多样式的弹框,详细情况请看官网
<template>
<div>
<button @click="fn">弹出</button>
</div>
</template>
<script>
export default{
methods: {
fn () {
layer.open({
content: '通过style设置你想要的样式',
style: 'background-color:#09C1FF; color:#fff; border:none;', // 自定风格
time: 2 //2秒后自动关闭
})
}
}
}
</script>
<style scoped>
</style>
这是我直接把layer下载到本地去使用,以上是这篇内容的全部。
更多推荐
已为社区贡献13条内容
所有评论(0)