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)

    uni-app 从A页面跳转至B页面,再从B页面回退至A页面 1.在main.js中加入 2.在A页面中加入 A页...

  • Uni-App学习路线

    Uni-App学习路线 学习Uni-app用到的技术 Uni-app官网[https://uniapp.dclou...

  • uni-app 之登录页面

    学习了一周多uni-app,上一周主要是开发原生插件给uni-app调用。本周开始学习怎么使用uni-app写页面...

  • Uni-app 学习笔记

    uni-app跨平台框架官方教程 链接:https://ke.qq.com/course/343370 一、框架简...

  • uni-app学习笔记

    创建、运行、打包等相关流程。 目录结构: common,存放公用资源。 components,uni-app组件目...

  • uni-app入门详解

    1 uni-app学习 1.1 什么是uni-app uni-app是一个使用Vue.js语法来开发所有前端应用的...

  • uniapp

    .在HBuilderX中新建uni-app 新建uni-app项目.jpg 2.项目初始目录结构 初始目录结构 3...

  • uni-app学习笔记(4)

    自定义导航栏组件 首先我们需要在项目文件夹中的components中新建我们的组件文件nav-bar.vue 在页...

  • uni-app 学习笔记 三

    uni-app的网络请求 在官方文档上网络这一块总共介绍了四项:发起请求,上传下载,WebSocket,Socke...

  • uni-app 学习笔记 一

    准备: vue.js全家桶套餐项目部署参考:陶然然_niit的简书 1.对uni-app项目目录文件的了解: 2....

网友评论

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

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