uniapp的传参方法

2022-06-10 17:31:16 阅读：120 来源： 互联网

标签：传参 uniapp methods data navData JSON 字符串方法 id

1.先设置一个点击事件。

<view @click="pass()"></view>

2.在methods里面使用设置的点击事件,在pass()里面进行uniapp的页面跳转的时候，进行参数的传递。

export default {
       data() {
            return{}
       },
       methods:{
           pass() {
               var navData = JSON.stringify(id); // 也可以不要JSON.stringify()，这里只是把他转化为字符串的形式，如果本来就是字符串，那么就不需要这一步
				uni.navigateTo({
					url:'../gridManagement/gridManagement?id=' + navData
				})
           }
       }
}

3.在要接受参数的页面


export default {
       data() {
            return{
               navData:'',
            }
       },
       methods:{

       }，
       onl oad(options) {
			var data = options.id; //如果传递参数过来的页面有将其转化为字符串，那么这边就有一个JSON.parse（）字符串转对象的步骤
			this.navData = data
			console.log(this.navData)
	}
}

标签：传参,uniapp,methods,data,navData,JSON,字符串,方法,id
来源： https://www.cnblogs.com/xyznl/p/16364002.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

uniapp的传参方法