vue3 方式开发，如何获取url参数

分类：uni-app

按照小程序的方式，是这样获取url 参数的

export default {  
  onLoad(options) {  
    this.productId = options.productId;  
    this.fetchData();  
  }  
}

请问，如果用 vue3 的 setup 方式该如何写？

2023-06-15 19:32 负责人:无分享

2 个回复

赵永强 - 前端老菜鸟

<script setup>  
import { onLoad } from '@dcloudio/uni-app';  

//第一种  
onLoad((options)=>{  
console.log(options)  
})  
//第二种  
  // 页面可以通过定义 props 来直接接收 url 传入的参数  
  // 如：uni.navigateTo({ url: '/pages/index/index?id=10' })  
  const props = defineProps({  
    id: String,  
  });  
  console.log("id=" + props.id); // id=10  

</script>

2023-06-16 10:49 分享

昭昭L - 开心就好

const route = useRoute()
const id = route.value.params.id

2023-06-15 19:43 分享

该问题目前已经被锁定, 无法添加新回复

vue3 方式开发，如何获取url参数

2 个回复

公告

相关问题

vue3 方式开发，如何获取url参数

与内容相关的链接

2 个回复

公告

相关问题