uniapp使用/传参
时间: 2024-06-06 10:04:59 浏览: 202
uni-app使用的演示
UniApp是一个使用Vue.js开发跨平台应用的框架,支持同时开发多个平台(包括iOS、Android、H5、小程序等)。以下是UniApp传参的几种方式:
1. URL参数传递:可以在URL中通过参数的方式传递数据,然后在页面中通过$mp.query获取参数值。示例:uni.navigateTo({url: '/pages/detail/detail?id=123'})
2. Vuex:使用Vuex来管理全局状态,可以在不同的页面中读取和修改同一个状态值,从而实现参数传递。示例:在A页面中设置全局状态:this.$store.commit('setValue', 123),在B页面中读取全局状态:this.value = this.$store.state.value
3. EventBus:使用Vue.js的事件总线机制,可以在不同的组件或页面之间传递事件和数据。示例:在A页面中发送事件和数据:this.$emit('myEvent', 123),在B页面中接收事件和数据:this.$on('myEvent', function(value){console.log(value)})
4. Storage:使用localStorage或sessionStorage来存储数据,在不同的页面中读取和修改存储的数据。示例:在A页面中设置存储的值:uni.setStorageSync('myKey', 123),在B页面中读取存储的值:var value = uni.getStorageSync('myKey')
阅读全文