跳过前期准备,具体可看官方文档: 标准版组件引用
1.引入组件
pages.json
"plugins": {
"mini-shop-plugin": {
"version": "latest", // 默认拉最新版本插件, 不要修改(复制时请去掉注释)
"provider": "wx34345ae5855f892d" // 必须填标准版交易组件appid,不要修改(复制时请去掉注释)
}
}
main.js
const miniShopPlugin = requirePlugin('mini-shop-plugin')
miniShopPlugin.initApp(getApp(), wx)
官方给的是
miniShopPlugin.initApp(this, wx);
但在uniapp中会报错
2.使用组件
使用 navigator 组件跳转进入商品详情页
准备好商品ID
index.vue
<navigator url="plugin-private://wx34345ae5855f892d/pages/productDetail/productDetail?productId={
{productId}}">
<button type="default">下单</button>
</navigator>
效果展示