uni-app交流圈uni-app

uni-app学习笔记(3)

2019-03-14  本文已影响4人  半庭

uni-app 从A页面跳转至B页面,再从B页面回退至A页面

1.在main.js中加入

Vue.prototype.$eventHub = new Vue();

2.在A页面中加入

<view class="single">
            <view class="singleleftview"><text>管理号:</text></view>
            <view class="singlerightview"><input placeholder="请输入管理号" disabled="true" @click="jumpToCowNum" v-model="lcdata.cownum" /></view>
</view>
A页面跳转B页面代码
jumpToCowNum: function(e) {
                uni.navigateTo({
                    url: '../searchcownum/searchcownum'
                });
            },
A页面接受B页面所传数值
export default {
        onLoad(options) {
            var that = this
            this.$eventHub.$on('cow', function(data) {
                console.log('cow - ' + data);
                that.lcdata = data
            });
        },
        onUnload(options) {
            this.$eventHub.$off('cow');
        },
    }

3.在B页面中加入

back: function(e) {
                var data={
                    cownum:'100010',
                    pz:'品种',
                    ns:'ns',
                    csrq:'2019-03-12',
                    rl:'1'
                }
                this.$eventHub.$emit('cow',data);
                uni.navigateBack();
            },

参考链接
https://blog.csdn.net/g401946949/article/details/86502226

上一篇 下一篇

猜你喜欢

热点阅读