uni-app学习笔记(3)

作者: 半庭 | 来源:发表于2019-03-14 08:59 被阅读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

    相关文章

      网友评论

        本文标题:uni-app学习笔记(3)

        本文链接:https://www.haomeiwen.com/subject/gtmfmqtx.html