小程序模板網(wǎng)

小程序中打開(kāi)網(wǎng)頁(yè)和pdf

發(fā)布時(shí)間:2018-08-29 09:19 所屬欄目:小程序開(kāi)發(fā)教程

打開(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. },


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開(kāi)源 碼云倉(cāng)庫(kù):starfork
本文地址:http://22321a.com/wxmini/doc/course/24747.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢