小程序界面如何传参,另一界面如何接收的方法, 如何获取小程序中data参数的值

A界面 WXML 示例

go 复制代码
<view class="">

  <button bindtap="onTiaozhuan">跳转界面按钮</button>

</view>

A界面 js 示例

go 复制代码
      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 示例

go 复制代码
<view class="demo-wrap">

   <image class="section__ctn" src="https://www.pwxvr.com/wave/{{pro_src}}"></image>

</view>

B界面 WXSS 示例

go 复制代码
		.demo-wrap {
		  position: absolute;
		  left: 0;
		  top: 0;
		  width: 100%;
		  height: 100%;
		}
		.section__ctn{
		  width: 100%;
		  /* height: 100%; */
		  height:100%
		}

B界面 js 示例

go 复制代码
      Page({
              /**
			   * 页面的初始数据
			   */
			  data: {
			    pro_src: ''
			  },
             /**
			   * 生命周期函数--监听页面加载
			   */
			  onLoad(options) {
			
			    console.log('pro_src=======', options.src)//接收 获取到传过来的图片路径
			   
			   // let that = this;
			    this.setData({
			      pro_src: options.src
			    })
			  
			 
              
			  },




       })
相关推荐
粉末的沉淀1 小时前
css:制作带边框的气泡框
前端·javascript·css
N***73853 小时前
Vue网络编程详解
前端·javascript·vue.js
e***71673 小时前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端
程序猿小蒜3 小时前
基于springboot的的学生干部管理系统开发与设计
java·前端·spring boot·后端·spring
银空飞羽3 小时前
让Trae CN SOLO自主发挥,看看能做出一个什么样的项目
前端·人工智能·trae
Eshine、4 小时前
解决前端项目中,浏览器无法正常加载带.gz名称的文件
前端·vue3·.gz·.gz名称的js文件无法被加载
用户47949283569154 小时前
别再当 AI 的"人肉定位器"了:一个工具让 React 组件秒定位
前端·aigc·ai编程
WYiQIU5 小时前
面了一次字节前端岗,我才知道何为“造火箭”的极致!
前端·javascript·vue.js·react.js·面试
qq_316837755 小时前
uniapp 观察列表每个元素的曝光时间
前端·javascript·uni-app
小夏同学呀5 小时前
在 Vue 2 中实现 “点击下载条码 → 打开新窗口预览 → 自动唤起浏览器打印” 的功能
前端·javascript·vue.js