脚本宝典收集整理的这篇文章主要介绍了vue中引用mint-ui库(日常笔记),脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
npm install mint-ui --save
全局引入也就是在全部组件中都可以使用Mint-ui,所以需要在vue项目的入口文件main.js中引用。
--/main.js--
import Mint From 'mint-ui';
Vue.use(Mint);
import 'mint-ui/lib/style.css';
this.$toast({message: '暂无我的收藏'})
-----html-----
<button @click="cancel(item.favorite_id)" class="cancel">取消收藏</button>
------js------
methods: {
cancel(id) {
this.$messagebox.confirm('是否取消收藏').then(action => {
if (action === 'confirm') {
cancelCollect(this.info.token, id).then(res => {
getCollect(this.info.token).then(res => {
this.collectobj.collectdata = res.data.data.data
})
})
}
}).catch(err => {
if (err === 'cancel') {}
})
}
}
效果如下:
MessageBox 提供了 alert、confirm 和 prompt 三个方法,它们都返回一个 Promise
Promise 是ES6的内容。它是一个构造函数,自己身上有all、reject、resolve这几个眼熟的方法,原型上有then、catch等同样很眼熟的方法。
以上是脚本宝典为你收集整理的vue中引用mint-ui库(日常笔记)全部内容,希望文章能够帮你解决vue中引用mint-ui库(日常笔记)所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。