uniapp 页面传值示范代码

<p>以下是一个示范代码，展示了如何在uniapp页面之间传递值：</p>
<p>// 页面A
<template>
<view>
&lt;button @click=&quot;navigateToB&quot;&gt;跳转到页面B</button>
<text>{{ value }}</text>
</view>
</template></p>
<script>
export default {
  data() {
    return {
      value: ''
    }
  },
  methods: {
    navigateToB() {
      uni.navigateTo({
        url: '/pages/pageB?pageData=' + this.value
      })
    }
  }
}
</script>
<p>// 页面B
<template>
<view>
<text>{{ pageData }}</text>
</view>
</template></p>
<script>
export default {
  data() {
    return {
      pageData: ''
    }
  },
  onLoad(options) {
    this.pageData = options.pageData
  }
}
</script>
<p>在页面A中，有一个按钮，点击按钮会跳转到页面B。在跳转时，使用uni.navigateTo方法传递了一个名为pageData的参数，参数的值通过字符串拼接来获取。在页面B中，在onLoad方法中，可以通过options对象获取到传递过来的参数，然后将参数的值赋给pageData变量。</p>
<p>这样就实现了在uniapp页面之间传递值的功能</p>