uniapp 编写h5遇到需要跳转其他网址怎么办?
现在使用uniapp 编写代码,无论编译成h5 还是 小程序都很方便,而且h5 通过它编写后,也不用在考虑自适应问题了,真的很方便,但是,h5 或小程序里面需要添加一个跳转链接怎么办呢?
解决方法
```javascript
<template>
<view>
<uParse :content="content" @preview="preview" @navigate="navigate"/>
</view>
</template>
<script>
import uParse from '@/components/u-parse/u-parse.vue'
export default {
components: {uParse},
data() {
return {
content:'<a href="https://www.baidu.com">百度一下</a>'
}
},
onLoad(option) {
},
methods: {
navigate(href, e) {
uni.navigateTo({
url: './webView?url='+encodeURIComponent(href)
})
}
}
}
/*
“注意:
*1.webView 为承载 web-view 组件的页面,一个页面只能有一个web-view,web-view 会自动铺满页面
*2.url 为 web-view src 地址,为防止中文乱码出现白屏,建议使用encodeURIComponent,decodeURIComponent 方法
*/
</script>
``