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
网友评论