uniapp Vue3 页面之间互相传值

A页面 发送值

登录后复制

<script setup>  
import { ref } from 'vue'  
const shuruzhi = ref()  
function duohangzhi(res) {  
    shuruzhi.value = res.detail.value  
    console.log("输入的值", shuruzhi.value)  
}  
  
function shengcheng() {  
    uni.navigateTo({  
        url: '/pages/index/erweimaxiangqing?value=' + shuruzhi.value
    });  
} 
</script>

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.
• 11.
• 12.
• 13.
• 14.

B页面接受值

登录后复制

<script setup>  
import { ref, onMounted } from 'vue'  
import { onLoad } from '@dcloudio/uni-app';
  onLoad((options) => {
    console.log('接收传值:', options.value);
	 zhi.value = options.value// 这里的options.query包含了通过URL传递的参数
  });
const zhi = ref('')   
</script>

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.

原创作者: tcszkj 转载于: https://blog.51cto.com/tcszkj/11715844