H5通过wx-open-launch-weapp 跳转小程序，点击的时候会出现如图所示的黑线怎么去除呢？

Question

H5通过wx-open-launch-weapp 跳转小程序，现在是小程序可以正常跳转，点击的时候会出现如图所示的黑线怎么去除呢？vue3的项目

 <div
                   
                    class="task-do task-do-browse-mini"
                    id="task-do-browse-mini"
                    :class="{
                      'task-do-active': !item.doStatus,
                      'task-do-disabled': item.doStatus
                    }"
                  >
                    <div class="task-do index_jump_btn">
                      {{ item.doStatus ? item.btnCompleteText : item.btnDefaultText }}
                    </div>
                    <wx-open-launch-weapp
                      class="jumpAreaContent"
                      @launch="wxOpenHandleSuccess(item)"
                      @error="wxOpenHandleError"
                      id="lanunch-btn"
                      appid="xxxx"
                      username="xxxx"
                      path="/pages/index/index"
                    >
                      <component :is="'script'" v-bind="{ type: 'text/wxtag-template' }">
                        <component :is="'style'">
                          .jump_btn_wx { position: absolute; top: 0; left: 0; width: 100%;
                          height:100%; }
                        </component>
                        <div class="jump_btn_wx"></div>
                      </component>
                    </wx-open-launch-weapp>
                  </div>

Answer 1

                  <div
                   
                    class="task-do task-do-browse-mini"
                    id="task-do-browse-mini"
                    :class="{
                      'task-do-active': !item.doStatus,
                      'task-do-disabled': item.doStatus
                    }"
                  >
                    <div class="task-do index_jump_btn">
                      {{ item.doStatus ? item.btnCompleteText : item.btnDefaultText }}
                    </div>
                    <wx-open-launch-weapp
                      class="jumpAreaContent"
                      @launch="wxOpenHandleSuccess(item)"
                      @error="wxOpenHandleError"
                      id="lanunch-btn"
                      appid="xxxx"
                      username="xxxx"
                      path="/pages/index/index"
                    >
                      <component :is="'script'" v.bind="{ type: 'text/wxtag-template' }">
                        <component :is="'style'">
                          .jump_btn_wx { 
                            position: absolute; 
                            top: 0; 
                            left: 0; 
                            width: 100%;
                            height:100%; 
                            /* 新增样式，移除点击时的轮廓和高亮 */
                            outline: none !important; 
                            border: none !important;
                            -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; /* 针对 WebKit 内核浏览器（如微信内置浏览器） */
                            tap-highlight-color: rgba(0, 0, 0, 0) !important; /* 标准属性 */
                          }
                        </component>
                        <div class="jump_btn_wx"></div>
                      </component>
                    </wx-open-launch-weapp>
                  </div>