

uniapp中使用vue3.2语法糖setup页面传值的解决方法

2023年02月22日 17:42 • 前端技术 • 阅读 3356

在使用uniapp+vue3 开发小程序的时候，今天意外发现他现在也支持vue3.2中的setup语法糖了,甚是感觉爽歪歪了，今天主要来说一下，在语法糖中接收参数的一些注意事项

在vue2中，我们之前是这样的

A页面

uni.navigateTo({
	url: '/pages/B/B?id=1'
})

B页面

export default {
    onLoad(options){
        console.log('接收传值：',options)
    }
}

直接可以通过onLoad生命周期函数中获取接收参数

但是在vue3.2的setup语法糖中，稍微有点不一样，就是我们需要手动的引入onLoad 才可以，如下

A页面

uni.navigateTo({
	url: '/pages/B/B?id=1'
})

B页面

<script setup>
	import { onLoad } from '@dcloudio/uni-app';
	onLoad((options) => {
		console.log('接收传值：',options)
	});
</script>

以上这篇uniapp中使用vue3.2语法糖setup页面传值的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持芦苇派。

原创文章，作者：ECHO陈文，如若转载，请注明出处：https://www.luweipai.cn/html/1677058934/

uniapp

 赞 (0)