web.vue 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  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 ? `${params.url}?r=${r}` : `https://h5.fangpiaovip.com?r=${r}`
  20. },
  21. // 监听 - 页面【首次渲染完成时】执行。注意如果渲染速度快,会在页面进入动画完成前触发
  22. onReady() {
  23. },
  24. // 监听 - 页面每次【显示时】执行(如:前进和返回) (页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面)
  25. onShow() {
  26. },
  27. // 监听 - 页面每次【隐藏时】执行(如:返回)
  28. onHide() {},
  29. // 监听 - 页面触底部
  30. onReachBottom() {},
  31. // 监听 - 窗口尺寸变化(仅限:App、微信小程序)
  32. onResize() {},
  33. // 监听 - 点击右上角转发时
  34. onShareAppMessage(options) {},
  35. // 监听 - 页面创建时
  36. created() {},
  37. // 函数
  38. methods: {
  39. },
  40. // 监听器
  41. watch: {},
  42. // 计算属性
  43. computed: {}
  44. };
  45. </script>
  46. <style lang="scss" scoped>
  47. .page {
  48. min-height: calc(100vh);
  49. }
  50. </style>