打開(kāi)網(wǎng)頁(yè)的方法有兩種第一種是最簡(jiǎn)單的微信官方提供的方法，直接把要打開(kāi)的網(wǎng)頁(yè)地址賦給web-view標(biāo)簽的src屬性

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

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

1. <template>
2. <view>
3. //插件中的固定寫(xiě)法
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. //網(wǎng)頁(yè)地址路徑
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. //調(diào)用插件中的方法設(shè)置article中的網(wǎng)頁(yè)路徑
26. WxParse.wxParse('article', 'html', this.article, this, 1);
27. }
28. }

打開(kāi)phf文件給按鈕定義一個(gè)preview方法，在downloadFile方法中調(diào)用wx.openDocument方法就可以實(shí)現(xiàn)。

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 //返回的文件臨時(shí)地址，用于后面打開(kāi)本地預(yù)覽所用
8. that.webview=Path
9. wx.openDocument({
10. filePath: Path,
11. success: function(res) {
12. console.log('打開(kāi)文檔成功')
13. }
14. })
15. },
16. fail: function(res) {
17. console.log(res)
18. }
19. })
20. },