打开网页的方法有两种第一种是最简单的微信官方提供的方法，直接把要打开的网页地址赋给web-view标签的src属性
<web-view src="{{article}}"> </web-view>
第二种需要引入一个第三方插件，下面的写法只适用于wepy框架中，其他框架中写法略有不同。
<template>
<view>
//插件中的固定写法
<import src="../../wxParse/wxParse.wxml" />
<template is="wxParse" data="{{wxParseData:article.nodes}}" />
<view wx:if='article' class='addclass'></view>
</view>
</template>
<script>
//引入插件
import WxParse from "../../wxParse/wxParse";
export default class webview extends wepy.page {
data = {
//网页地址路径
article: '',
}
methods = {
}
async onLoad(options) {
let ret = await api.rentalContracts({
id: this.id,
method: 'GET'
});
this.article = ret.data
//调用插件中的方法设置article中的网页路径
WxParse.wxParse('article', 'html', this.article, this, 1);
}
}
打开phf文件给按钮定义一个preview方法，在downloadFile方法中调用wx.openDocument方法就可以实现。
preview() {
let that=this.
wx.downloadFile({
url: 'https://www.*******.com/contract/default/pdf',
success: function(res) {
console.log(res)
var Path = res.tempFilePath //返回的文件临时地址，用于后面打开本地预览所用
that.webview=Path
wx.openDocument({
filePath: Path,
success: function(res) {
console.log('打开文档成功')
}
})
},
fail: function(res) {
console.log(res)
}
})
},