feat:添加页面传值的功能；完善web页面加载效果；

pages-a/a-test/a-test.vue

@@ -4,7 +4,8 @@
     <view class="">
       <button @click="goSubPageB()">跳转分包页面B</button>
     </view>
-    <view class="">msg:{{msg}}</view>
+    <view class="">msgA:{{msgA}}</view>
+    <view class="">msgANew:{{msgANew}}</view>
   </view>
 </template>
 
@@ -12,34 +13,46 @@
   export default {
     data( ) {
       return {
-        msg: 'A->B'
+        msgA: 'A页面默认内容',
+        msgANew:''
+      }
+    },
+    watch:{
+      msgANew:(newValue,oldValue)=>{
+        console.log('msgANew发生变化了');
       }
     },
     onLoad( ) {
-      let that = this;
-      uni.$on( 'updateA', function ( data ) {
-        console.log( '监听到B->A：' + data.msg );
-        that.msg = data.msg;
-      } );
     },
     onShow( ) {
 
     },
     onUnload( ) {
-      // 移除监听事件  
-      uni.$off( 'updateA' );
     },
     methods: {
       goSubPageB( ) {
+        let that = this;
         uni.navigateTo( {
-          url: '/pages-b/b-test/b-test'
+          url: '/pages-b/b-test/b-test',
+          events:{
+            // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据
+            // acceptDataFromOpenedPage: function(data) {
+            //   console.log(data)
+            // },
+            bToa: function(data) {
+              console.log(data);
+              that.msgANew = data.data;
+            },
+            // someEvent: function(data) {
+            //   console.log(data)
+            // }
+          },
+          success:(res)=>{
+            // 通过eventChannel向被打开页面传送数据
+            // res.eventChannel.emit('acceptDataFromOpenerPage', { data: 'data from starter page' })
+            res.eventChannel.emit('aTob', { data: 'aTob' })
+          }
         } );
-        let that = this;
-        setTimeout( ( ) => {
-          uni.$emit( 'transA', {
-            msg: that.msg
-          } );
-        }, 300 );
       },
     }
   }

pages-b/b-test/b-test.vue

@@ -2,9 +2,10 @@
   <view>
     <view class="">这是分包页面B</view>
     <view class="">
-      <button @click="goSubPageA()">跳转分包页面A</button>
+      <button @click="goSubPageA()">返回分包页面A</button>
       <button @click="transA()">把数值传到页面A</button>
-      <view class="">msg:{{msg}}</view>
+      <view class="">msgB:{{msgB}}</view>
+      <view class="">msgBNew:{{msgBNew}}</view>
     </view>
   </view>
 </template>
@@ -13,30 +14,33 @@
   export default {
     data( ) {
       return {
-        msg: ''
+        msgB: '页面默认内容',
+        msgBNew:'',
+        eventChannel:''
       }
     },
-    onShow( ) {
+    onLoad() {
+      this.eventChannel = this.getOpenerEventChannel();
+      // this.eventChannel.emit('bToa', {data: 'bToa'});
+      // eventChannel.emit('someEvent', {data: 'data from test page for someEvent'});
+      // 监听acceptDataFromOpenerPage事件，获取上一页面通过eventChannel传送到当前页面的数据
       let that = this;
-      uni.$on( 'transA', function ( data ) {
-        console.log( '监听到A->B：' + data.msg );
-        that.msg = data.msg;
-      } );
+      this.eventChannel.on('aTob', function(data) {
+        console.log(data);
+        that.msgBNew = data.data;
+      });
+    },
+    onShow( ) {
     },
     onUnload( ) {
-      // 移除监听事件  
-      uni.$off( 'transA' );
     },
     methods: {
       goSubPageA( ) {
-        uni.navigateTo( {
-          url: '/pages-a/a-test/a-test'
-        } );
+        uni.navigateBack();
       },
-      transA( ) {
-        uni.$emit( 'updateA', {
-          msg: 'B->A'
-        } );
+      transA(){
+        // const eventChannel = this.getOpenerEventChannel();
+        this.eventChannel.emit('bToa', {data: 'bToa'});
       }
     }
   }

pages.json

@@ -64,7 +64,8 @@
     "navigationBarTextStyle": "black",
     "navigationBarTitleText": "uni-app",
     "navigationBarBackgroundColor": "#FFFFFF",
-    "backgroundColor": "#F8F8F8"
+    "backgroundColor": "#F8F8F8",
+    "pageOrientation":"portrait"
   },
   "uniIdRouter": {},
   "condition": { //模式配置，仅开发期间生效

pages/index/index.vue

@@ -4,6 +4,8 @@
       <button @click="clickGetUser">获取用户信息</button>
       <button @click="clickCreateTimer">创建定时器</button>
       <button @click="clickGoError">跳转错误页面</button>
+      <button @click="clickGoPageA">跳转页面A</button>
+      <button @click="clickGoWeb">跳转web页面</button>
     </view>
   </view>
 </template>
@@ -28,6 +30,16 @@
       
     },
     methods: {
+      clickGoWeb(){
+        uni.navigateTo({
+          url:'/pages/template/template-2-web'
+        });
+      },
+      clickGoPageA(){
+        uni.navigateTo({
+          url:'/pages-a/a-test/a-test'
+        });
+      },
       clickGoError(){
         uni.navigateTo({
           url:'/pages/error/error'

pages/template/template-2-web.vue

@@ -9,7 +9,7 @@
 
 <template>
   <div>
-    <web-view :src="webSrc"></web-view>
+    <web-view :webview-styles="webviewStyles" :src="webSrc"></web-view>
   </div>
 </template>
 
@@ -17,7 +17,12 @@
   export default {
     data(){
       return {
-        webSrc:''
+        webSrc:'',
+        webviewStyles: {
+          progress: {
+            color: '#42B983',
+          },
+        }
       }
     },
     onLoad( options ) {

utils/network/xz-request.js

@@ -112,8 +112,10 @@ function handleError ( data ) {
       } );
     }
   }
+  
   uni.navigateTo({
     url:'/pages/error/error'
   });
+  
   console.log( '请求结果异常:', data );
 }