vue2以ElementUI为例构建notify便捷精美提示

我们先引入一个 第三方UI库
这里 我们以elementUI为例
先引入依赖

npm install element-ui --save

vue2以ElementUI为例构建notify便捷精美提示_第1张图片
然后 在 main.js 入口文件中 引入一下

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

vue2以ElementUI为例构建notify便捷精美提示_第2张图片
然后 在组件中使用

this.$notify({
  title: '提示',
  message: '这是一条通知消息',
  type: 'success'
})

页面右侧就会出现一个精美的提示啦
vue2以ElementUI为例构建notify便捷精美提示_第3张图片

你可能感兴趣的:(elementui,前端,javascript)