vue3路由参数,/external6/broadcast/:id

在Vue 3中，`/external6/broadcast/:id` 这是一个动态路由路径，其中 `broadcast` 可能是一个命名路由，而 `:id` 则是一个动态参数。`:id` 表示这个位置可以接受任何字符串作为URL的一部分，并可以在组件内部通过 props 或者 `$route.params` 访问到这个参数值。例如，当你访问 `/external6/broadcast/123`，那么 `id` 的值就会是 `123`。

在实际的组件中，你可以这样处理：

// 示例组件
export default {
  //...
  setup(props) {
    const id = ref(props.match.params.id); // 使用ref获取动态参数
    console.log('当前id:', id.value);
    //...
    return { id };
  },
  //...
};

在模板中，你可以直接使用 `{{ id }}` 来显示或操作这个参数。动态路由参数对于需要根据ID获取数据或者进行相应操作非常有用。