1负敏、安裝WEUI
cnpm install weui.js weui -S
2迂卢、引入WEUI
import weui from 'weui.js'
import 'weui'
Vue.prototype.$weui = weui
3美莫、測試使用
具體調用的方法連接
https://github.com/Tencent/weui.js/blob/master/docs/README.md
測試環(huán)境菜拓，在vue方法中引入選擇框組件
this.$weui.actionSheet([
{
label: '拍照',
onClick: function () {
console.log('拍照')
}
}, {
label: '從相冊選擇',
onClick: function () {
console.log('從相冊選擇')
}
}, {
label: '其他',
onClick: function () {
console.log('其他')
}
}
], [
{
label: '取消',
onClick: function () {
console.log('取消')
}
}
], {
className: 'custom-classname',
onClose: function(){
console.log('關閉')
}
});
效果
WEUI底部彈出選擇框
完美兼容
