uniapphtml页面跳转到vue
时间: 2023-08-17 20:05:42 浏览: 133
要在uniapp的html页面中跳转到vue页面,你可以使用uniapp提供的web-view插件来实现。首先,在vue的index.html文件中引入web-view插件的js文件,代码如下:
```html
<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.1.js"></script>
```
接下来,在html页面中添加以下代码来设置跳转逻辑:
```javascript
mounted () {
this.$nextTick(() => {
document.addEventListener('UniAppJSBridgeReady', function() {
uni.getEnv(function(res) {
console.log('当前环境:' + JSON.stringify(res));
});
});
})
},
```
这段代码会在页面加载完成后执行,监听UniAppJSBridgeReady事件,并在事件回调函数中调用uni.getEnv方法来获取当前环境信息。通过这种方式,你可以在html页面中跳转到vue页面。\[1\]\[2\]\[3\]
#### 引用[.reference_title]
- *1* *2* *3* [uniapp使用web-view跳转vue单页面通信,互发消息](https://blog.csdn.net/weixin_40918145/article/details/107533401)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文