uniapp微信小程序引用标准版交易组件

跳过前期准备，具体可看官方文档： 标准版组件引用

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>

效果展示