打開網頁的方法有兩種第一種是最簡單的微信官方提供的方法，直接把要打開的網頁地址賦給web-view標簽的src屬性

1. <web-view src="{{article}}"> </web-view>

第二種需要引入一個第三方插件，下面的寫法只適用于wepy框架中，其他框架中寫法略有不同。

1. <template>
2. <view>
3. //插件中的固定寫法
4. <import src="../../wxParse/wxParse.wxml" />
5. <template is="wxParse" data="{{wxParseData:article.nodes}}" />
6. <view wx:if='article' class='addclass'></view>
7. </view>
8. </template>
9. <script>
10. //引入插件
11. import WxParse from "../../wxParse/wxParse";
12. export default class webview extends wepy.page {
13. data = {
14. //網頁地址路徑
15. article: '',
16. }
17. methods = {
18. }
19. async onLoad(options) {
20. let ret = await api.rentalContracts({
21. id: this.id,
22. method: 'GET'
23. });
24. this.article = ret.data
25. //調用插件中的方法設置article中的網頁路徑
26. WxParse.wxParse('article', 'html', this.article, this, 1);
27. }
28. }

打開phf文件給按鈕定義一個preview方法，在downloadFile方法中調用wx.openDocument方法就可以實現。

1. preview() {
2. let that=this.
3. wx.downloadFile({
4. url: 'https://www.*******.com/contract/default/pdf',
5. success: function(res) {
6. console.log(res)
7. var Path = res.tempFilePath //返回的文件臨時地址，用于后面打開本地預覽所用
8. that.webview=Path
9. wx.openDocument({
10. filePath: Path,
11. success: function(res) {
12. console.log('打開文檔成功')
13. }
14. })
15. },
16. fail: function(res) {
17. console.log(res)
18. }
19. })
20. },