vue3中url参数通过props绑定在setup能获取到,没有绑定到this.$props

分类：uni-app

页面传值 vue3 uniapp

使用选项式API，通过props绑定获取参数，官方示例中增加其他函数获取props没有绑定值

https://uniapp.dcloud.net.cn/tutorial/migration-to-vue3.html#url-search-params

<script>  
  // 页面可以通过定义 props 来直接接收 url 传入的参数  
  // 如：uni.navigateTo({ url: '/pages/index/index?id=10' })  
  export default {  
    props: {  
      id: {  
        type: String,  
      },  
    },  
    setup(props) {  
      console.log("id=" + props.id); // id=10  
    },  
    onShow() {  
      console.log("id=" + this.$props.id); // id=undefined  
    }  
  };  
</script>

2024-05-10 18:32 负责人:无分享