配置manifest.json
打开源码模式，找到
mp-weixin这一项.-
添加如下代码：
"useExtendedLib": { "weui": true }
配置pages.json
在需要用到组件的页面设置中添加配置，以mp-dialog组件为例:
找到对应页面
-
在
style模块下添加如下代码："mp-weixin": { "usingComponents": { "mp-dialog": "weui-miniprogram/dialog/dialog" } }
在.vue文件中使用
完成上面两步后，在相关页面的vue文件中直接使用mp-dialog即可：
<mp-dialog :show="submitDialogShow" @buttontap="onSubmitDialog" :buttons="buttonArray">
<view class="dialog-submit-content">您是否已经在线下支付费用？</view>
</mp-dialog>
注： 这里需要判断下平台为
“微信小程序”，所以上面的代码最好加上条件编译。（了解条件编译可以移步这里查阅对应章节）
<!-- #ifdef MP-WEIXIN -->
<mp-dialog :show="submitDialogShow" @buttontap="onSubmitDialog" :buttons="buttonArray">
<view class="dialog-submit-content">您是否已经在线下支付费用？</view>
</mp-dialog>
<!-- #endif -->
