vue3中使用 wx-open-launch-app 标签及解决控制台警告的问题

wx-open-launch-app 标签的使用

      <wx-open-launch-app
        class="app"
        @launch="handleLaunch"
        @error="handleError"
        appid="wxd6666666666666"
        :extinfo="extinfo"
      >
        <component :is="'script'" type="text/wxtag-template">
          <span
            style="text-align: center;
              font-size: 12px;
              height: 43px;
              line-height: 43px;
              display:block;
              width:100%;
              color: #fff;"
          >立即打开</span>
        </component>
      </wx-open-launch-app>

这里 使用 :is=“‘script’” 来转义 script 标签， 在vue2 中， component 是可以直接使用 script 标签的，在vue3中已经不支持直接使用 script 标签了(直接报错)，所有这里用 :is=“‘script’” 来转义 。

控制台警告

解决警告

    config.module
      .rule('vue')
      .use('vue-loader')
      .tap((options) => {
        options.compilerOptions = {
          ...options.compilerOptions,
          // 忽略wx-开头的组件，这些是微信的默认组件
          isCustomElement: (tag) => tag.startsWith('wx-open')
        }
        return options
      })

在 vue.config.js文件中添加上面这段代码