A界面 WXML 示例
<view class="">
<button bindtap="onTiaozhuan">跳转界面按钮</button>
</view>
A界面 js 示例
Page({
data: {
pro_src: '/statics/img/25431.jpg'
},
onTiaozhuan() {
// 获取data中的图片路径值
const pro_src = this.data.pro_src;
console.log("跳转界面传参的图片路径========"+pro_src);
//跳转到分享页
wx.navigateTo({
url: '/pages/share/share?src='+ psrc
})
},
})
B界面 WXML 示例
<view class="demo-wrap">
<image class="section__ctn" src="https://www.pwxvr.com/wave/{{pro_src}}"></image>
</view>
B界面 WXSS 示例
.demo-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.section__ctn{
width: 100%;
/* height: 100%; */
height:100%
}
B界面 js 示例
Page({
/**
* 页面的初始数据
*/
data: {
pro_src: ''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
console.log('pro_src=======', options.src)//接收 获取到传过来的图片路径
// let that = this;
this.setData({
pro_src: options.src
})
},
})
文章来源地址https://www.toymoban.com/news/detail-852747.html
文章来源:https://www.toymoban.com/news/detail-852747.html
到了这里,关于小程序界面如何传参,另一界面如何接收的方法, 如何获取小程序中data参数的值的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!