移动端运用Mint UI使用较为方便
下面说一下MessageBox的用法
1.进行安装Mint UI
npm i mint-ui --save
2.main.js中引入
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(MintUI)
3.要使用MessageBox的页面引入
import { MessageBox } from 'mint-ui'
4.我是删除里面需要的弹框下面是代码示例
del (row) {
MessageBox({
title: '提示',
message: '确定要进行删除吗?',
showCancelButton: true
}).then((res) => {
if (res === 'confirm') {
//点击确定
console.log('ok')
} else {
//点击取消
console.log('cancel')
}
})
}
根据需求进行逻辑或者调接口就行了