uniappd的web-view组件无法动态加载本地html文件的解决办法

xuehuayu.cn

于 2020-12-01 11:52:31 发布

阅读量3.3k

点赞数 1

分类专栏： uni-app 文章标签： uni-app

本文链接：https://blog.youkuaiyun.com/u010762099/article/details/110427027

版权

uni-app 专栏收录该内容

2 篇文章

订阅专栏

博客围绕uni-app展开，提到从接口获取参数后需传递，因只加载初始路径，参数改变时无法刷新。还介绍在template写html本地路径，用loadURL方法传参，因打包问题相对路径运行报错，可获取html绝对路径解决。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uniapp中使用腾讯地图api，首先从接口获取到一些参数之后，需要通过src的地址将一些参数传递下去
由于web-view只加载第一次的初始路径，当loc改变时，web-view中获取不到loc的改变，并不会再刷新

首先在template中先写上html的本地路径

<template>
  <view class="map-container">
    <web-view :src="`../../hybrid/html/map.htmlloc=${JSON.stringify(loc)}`" ref="wv" @message="getMessage"></web-view>
  </view>
</template>

考虑使用web-view的loadURL(url)方法，将参数传递下去

由于uni的打包问题，此处写的相对路径在运行时会提示找到文件

此时可以使用web-view的getURL获取到html的绝对路径
查看源码