uniapp中,如何使用vue3接收uni中uni.navigateTo传递的参数?
代码】uniapp中,如何使用vue3接收uni中uni.navigateTo传递的参数?
·
跳转前的页面
uni.navigateTo({
url: "../houseDetails/houseDetails?id=" + id
})
跳转后需要接收参数的页面
方法1:
<script>
import {
onMounted,
getCurrentInstance
} from "vue";
export default {
data() {
return {
id: ''
}
},
//加载的时候接收传递的参数
onLoad(option) {
this.id = option.id;
},
setup() {
onMounted(() => {
let id = getCurrentInstance().data.id;
console.log(id)
})
}
}
</script>
方法2:
<script>
import {
onLoad
} from "@dcloudio/uni-app";
export default {
setup() {
onLoad((option) => {
let id = option.id;
console.log(id)
})
}
</script>
其他方法都是一样的,监听页面滚动,上拉加载,下拉刷新等等,都是一样的
更多推荐
已为社区贡献3条内容
所有评论(0)