webview.vue 420 B

12345678910111213141516171819202122232425262728
  1. <template>
  2. <view>
  3. <web-view :src="url" @onPostMessage="handlePostMessage"></web-view>
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. data() {
  9. return {
  10. url: ''
  11. }
  12. },
  13. onLoad(e) {
  14. this.url = e.url;
  15. },
  16. methods: {
  17. // webview向外部发送消息
  18. handlePostMessage: function(data) {
  19. console.log("接收到消息:" + JSON.stringify(data.detail));
  20. },
  21. }
  22. }
  23. </script>
  24. <style>
  25. </style>