uniapp的传参方法

1.先设置一个点击事件。<view @click="pass()"></view>2.在methods里面使用设置的点击事件,在pass()里面进行uniapp的页面跳转的时候，进行参数的传递。export default {data() {return{}},methods:{pass() {var navData = JSON.stri

小袁在努力

7581人浏览 · 2022-05-21 10:45:24

小袁在努力 · 2022-05-21 10:45:24 发布

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:{

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