webviewdgp.vue 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <template>
  2. <view class="webview">
  3. <web-view :src="url" id="webcon" @message="handleMessage">
  4. </web-view>
  5. </view>
  6. </template>
  7. <script>
  8. export default {
  9. data() {
  10. return {
  11. url: '',
  12. device_id: '',
  13. accessToken: ''
  14. }
  15. },
  16. onLoad(options) {
  17. this.device_id = options.device_id
  18. this.accessToken = options.accessToken || uni.getStorageSync('session_key');
  19. // this.url = "http://8.136.98.49/#/recognition"
  20. this.url = "/static/h52dgp.html?device_id=" + this.device_id + "&accessToken=" + this.accessToken
  21. // uni.setStorage({
  22. // key: 'obj',
  23. // data: JSON.stringify({
  24. // device_id: this.device_id,
  25. // accessToken: this.accessToken
  26. // })
  27. // })
  28. //设置 webview 界面的状态栏的 title
  29. uni.setNavigationBarTitle({
  30. title: '监控详情'
  31. });
  32. // this.getWebviewPage()
  33. },
  34. methods: {
  35. handleMessage(evt) {
  36. console.log('接收到的消息:' + JSON.stringify(evt.detail.data));
  37. }
  38. }
  39. }
  40. </script>
  41. <style>
  42. .webview {
  43. width: 100vw;
  44. height: 100vh;
  45. }
  46. </style>