一、注意事项

<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>

被这个折磨了好几天，终于成功实现功能，如于控制台报错，wx-open-launch-weapp标签未注册的情况，可能是因为， 微信开发者工具不能直接调试，需要传到测试平台，需要是安全域名平台下，如果是按钮未显示的情况，需要将config注册的调试改为true，看下config注册是否成功。