小胖墩er 小胖墩er
首页
  • 前端文章

    • JavaScript
    • Vue
    • ES6
    • Git
  • Vue
  • React
  • HTML
  • CSS
  • 工具类
  • GitHub技巧
  • 博客搭建
  • 友情链接
💖关于
💻收藏
  • 分类
  • 标签
  • 归档
📭主页 (opens new window)
GitHub (opens new window)

小胖墩er

Better later than never.
首页
  • 前端文章

    • JavaScript
    • Vue
    • ES6
    • Git
  • Vue
  • React
  • HTML
  • CSS
  • 工具类
  • GitHub技巧
  • 博客搭建
  • 友情链接
💖关于
💻收藏
  • 分类
  • 标签
  • 归档
📭主页 (opens new window)
GitHub (opens new window)
  • CSS动画效果

  • CSS&CSS预处理器

  • Element-UI

    • Element使用合集1
    • Element使用合集2
    • 封装 element-ui 右下角弹窗
  • 页面布局
  • Element-UI
小胖墩er
2021-11-10

封装 element-ui 右下角弹窗

alertMessage(text, cla) {
  let arr = {
    'success': '成功',
    'error': '失败'
  };
  let texts = arr[cla];
  this.$notify({
    title: texts,
    message: text,
    type: cla,
    positon: 'bottom-right',
    duration: 2500
  })
}

// 使用
this.alertMessage('请求成功!', 'error')
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
在线编辑 (opens new window)
#Element-UI
上次更新: 2021/11/14, 15:48:46
Element使用合集2

← Element使用合集2

最近更新
01
毛玻璃效果
11-23
02
svg基本绘制
11-23
03
滑动登录界面
11-23
更多文章>
🖥️

© 2021 小胖墩er 💌 粤ICP备2021158933号 🛀 Theme by 💝 Vdoing

  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×