上述代码中的meta: { data }里面的data可以举个例子吗
时间: 2024-09-28 11:06:47 浏览: 30
sum_types.dart:在 Dart 中启用和类型的代码生成器
在上述代码中,`meta: { data }`这部分用于携带自定义的数据,`data`是一个JavaScript对象,你可以根据实际需求存储任意类型的数据。这里是一个简单的例子:
```javascript
// 数据示例
const userData = {
userId: '123456',
userName: 'John Doe',
userRole: 'admin'
};
this.handleNav(userData); // 将用户信息作为元数据传递
// 目标路由中获取数据
import { useRouter } from 'vue-router';
const router = useRouter();
let receivedUserData = router.meta.data;
console.log(receivedUserData);
// 输出:{ userId: '123456', userName: 'John Doe', userRole: 'admin' }
```
在这个例子中,`userData`包含了用户ID、用户名和角色等信息,这些信息不会显示在URL上,而是作为导航过程中的私有数据存在。
阅读全文