web.vue 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <template>
  2. <view class="page">
  3. <web-view :webview-styles="webviewStyles" :src="webUrl"></web-view>
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. data() {
  9. // 页面数据变量
  10. return {
  11. webUrl: ''
  12. }
  13. },
  14. onPageScroll(e) {
  15. },
  16. // 监听 - 页面每次【加载时】执行(如:前进)
  17. onLoad(params) {
  18. let r = Math.random()
  19. this.webUrl = params.url ? `${unescape(params.url)}?r=${r}` : `https://h5.fangpiaovip.com?r=${r}`
  20. // this.webUrl = params.url ? `${params.url}?r=${r}` : `https://h5.fangpiaovip.com?r=${r}`
  21. },
  22. // 监听 - 页面【首次渲染完成时】执行。注意如果渲染速度快,会在页面进入动画完成前触发
  23. onReady() {
  24. },
  25. // 监听 - 页面每次【显示时】执行(如:前进和返回) (页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面)
  26. onShow() {
  27. },
  28. // 监听 - 页面每次【隐藏时】执行(如:返回)
  29. onHide() {},
  30. // 监听 - 页面触底部
  31. onReachBottom() {},
  32. // 监听 - 窗口尺寸变化(仅限:App、微信小程序)
  33. onResize() {},
  34. // 监听 - 点击右上角转发时
  35. onShareAppMessage(options) {},
  36. // 监听 - 页面创建时
  37. created() {},
  38. // 函数
  39. methods: {
  40. },
  41. // 监听器
  42. watch: {},
  43. // 计算属性
  44. computed: {}
  45. };
  46. </script>
  47. <style lang="scss" scoped>
  48. .page {
  49. min-height: calc(100vh);
  50. }
  51. </style>