最近搜索

vue3 接受页面的参数写法。 如何接受页面的参数。

浏览:100
管理员 2024-12-03 17:06



接受这种参数  goods?id=333


<template>  <div>    <h1>Goods Page</h1>    <p>Goods ID: {{ id }}</p>  </div> </template> <script setup> import { computed } from 'vue'; import { useRoute } from 'vue-router'; // 使用 useRoute 钩子获取当前路由实例 const route = useRoute(); // 创建一个计算属性来访问查询参数中的 id const id = computed(() => {  return route.query.id; // 返回查询参数中的 id 值 }); </script>




接受这种参数 /goods/33


image.png

{
  : : : () => ()
}



Goods ID: {{}}{} { } = ()= (..)


联系站长

站长微信:xiaomao0055

站长QQ:14496453