typescript - 如何在 vue 3 中获取路由器的参数?
问题描述
我在 Vue.js 3 和 TypeScript 中创建了一个项目。
路由器.js
{
path: "/app/:id",
name: "Detail",
component: Detail,
props: true
},
应用程序.js
<script lang="ts">
...
onMounted(() => {
const id = $route.params.id;
...
});
但这会导致错误:
"Cannot find name '$route'."
我究竟做错了什么?
解决方案
Vue Router 4.x 提供useRoute()
了:
import { useRoute } from 'vue-router'
export default {
setup() {
const route = useRoute()
onMounted(() => {
const id = route.params.id
})
}
}
推荐阅读
- java - 绘制正方形时按键问题
- python - 什么是 pytorch 的 conv1d 的 Tensorflow 等价物?
- r - 如何将具有相同协变量的个体的二项式响应数据分解为伯努利,反之亦然?
- c# - 如何指定在请求中使用的 IP 地址?
- c# - 我怎样才能有一个 .txt 文件,我从中读取行并将它们放入数组中,但是每一行在某个字符之后被分割
- sql - SSIS:在数据源中找不到列“column_name”
- python - Pandas - 检查列表列中的字符串列是否按行排列
- javascript - 使用 Highcharts 获取回调不是 JS 中的函数
- c# - 如何在不使用物理系统的情况下从光标进行光线投射?
- python - NLTK - 使用上下文区分颜色和单词