一、注意事項(xiàng)

<template>
    <view class="wx" v-html="html"> </view>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import { SystemApi } from '@global/api/SystemApi'

@Component({
    name: 'Test',
})
export default class Test extends Vue {
    html: any = ''
    onReady() {
        this.buildHtml()
    }

    async buildHtml() {
        await SystemApi.getWxReady()
        this.html = `<wx-open-launch-weapp id="launch-btn" username="xxxxxxx" path="xxxxxxx.html">
            <template>
                <button class="btn">打開小程序</button>
            </template>
        </wx-open-launch-weapp>`
    }
}
</script>

被這個(gè)折磨了好幾天，終于成功實(shí)現(xiàn)功能，如于控制臺報(bào)錯(cuò)，wx-open-launch-weapp標(biāo)簽未注冊的情況，可能是因?yàn)?#xff0c; 微信開發(fā)者工具不能直接調(diào)試，需要傳到測試平臺，需要是安全域名平臺下，如果是按鈕未顯示的情況，需要將config注冊的調(diào)試改為true，看下config注冊是否成功。