admin管理员组

文章数量:1130349

1.需求当通过二维码扫描后需要打开扫描到的网址，在微信，支付宝，以及uc等各个APP中他们都是采用自己家的浏览器内核提供服务，我们做不出来，所以采用h5内自带的webVeiw 窗口对象，做成类似效果

2.扫描功能请看我之前的文章 https://blog.csdn/cscscssjsp/article/details/106523567，关于扫描的

3.下面直接上窗口嵌套功能代码，你可以通过vue内v-router 进行跳转，也可以注册成一个组件调用

<template>
  <div  :style="{height:'calc(56px + '+ statusBarHeight + ')',paddingTop:statusBarHeight === '0px'?'10px':statusBarHeight}">
    <img src="../../assets/img/left_arrow.svg" @click="close" >
    <hz-text v-model="dataUrl" style="background: #FF8C00" @enter="goUrl"/>
    <span @click="goUrl" ><img src="../../assets/img/searchh_icon.svg"/></span>
  </div>
</template>

<script>
    let embed=null,ws = null;
    export default {
      data(){
        return{
          dataUrl:'',
        }
      },
      created(){

1.需求当通过二维码扫描后需要打开扫描到的网址，在微信，支付宝，以及uc等各个APP中他们都是采用自己家的浏览器内核提供服务，我们做不出来，所以采用h5内自带的webVeiw 窗口对象，做成类似效果

2.扫描功能请看我之前的文章 https://blog.csdn/cscscssjsp/article/details/106523567，关于扫描的

3.下面直接上窗口嵌套功能代码，你可以通过vue内v-router 进行跳转，也可以注册成一个组件调用

<template>
  <div  :style="{height:'calc(56px + '+ statusBarHeight + ')',paddingTop:statusBarHeight === '0px'?'10px':statusBarHeight}">
    <img src="../../assets/img/left_arrow.svg" @click="close" >
    <hz-text v-model="dataUrl" style="background: #FF8C00" @enter="goUrl"/>
    <span @click="goUrl" ><img src="../../assets/img/searchh_icon.svg"/></span>
  </div>
</template>

<script>
    let embed=null,ws = null;
    export default {
      data(){
        return{
          dataUrl:'',
        }
      },
      created(){

本文标签： 嵌套类似于装了打开网页浏览器

版权声明：本文标题：H5+ app 基于vue，APP内窗口嵌套，打开网页url，类似于在app内装了浏览器的效果 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1763471323a2935274.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。