在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下载到本地去使用,以上是这篇内容的全部。

Logo

前往低代码交流专区

更多推荐