在vue中使用layer弹出层插件

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

猜你喜欢

转载自blog.csdn.net/weixin_41997724/article/details/82784053
今日推荐