vue3.0获取当前组件或页面的路由参数
分类专栏: Javascript&
简介 vue3.0获取当前组件或页面的路由参数
<p>这里用组件来示例</p><p><br></p><p><br></p><pre class="ql-syntax" spellcheck="false">import { defineComponent, onMounted, getCurrentInstance } from 'vue'
export default defineComponent({
name: 'EbookReader',
setup () {
const { ctx } = getCurrentInstance()
onMounted(() => {
const { fileName } = ctx.$router.currentRoute.value.params
console.log('fileName', fileName)
})
}
})
</pre><p><br></p><p><br></p><p><span class="ql-size-large">还有一种方式是引入import { useRouter } from 'vue-router'</span></p><p><br></p><p><span class="ql-size-large" style="color:rgb(230, 0, 0);">如果有大神还有更好的方法可以在下方留言。</span></p>
分享到:
转载:
喜欢 1
收藏
暂无评论信息
- 相关文章
- 文章推荐
-
jQuery 3.0正式发布
jQuery 基金会刚刚发布了该 Java 框架的 3.0 版本,并且首次抛弃了对老旧的 IE 浏览器的支持。jQuery 3.0 的工作始于 2014 年 10 月,其最初目标是在 2.0 版本之上进行完善,并和遥远的 1.0 版代码说再见——因为要兼容 IE 的缘故,其已经臃肿不堪。jQuery 2.0 已经与 1.0 版本完全不兼容,而 3.0 也将继续这一路线。
-
眼镜试戴的装饰效果
开发眼镜类产品的时候需要使用试戴的功能,这里就有你需要的学习资料哦!
-
Docker 常用命令
docker目前代替虚拟机使用的一个容器,灵活好用。
-
HTML 面试知识点总结
本部分主要是笔者在复习 HTML 相关知识和一些相关面试题时所做的笔记,如果出现错误,希望大家指出!
- 点击排行
- 站长推荐
- 猜你喜欢
- css自定义滚动条样式
- jQuery 3.0正式发布
- javascript 时钟翻牌效果
- Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by serv
- 亚马逊向欧盟妥协:为 Prime 付费服务增加“取消订阅”按钮
- 安装yum和securert工具
- JS 移动端双击缩放,拖动,双指缩放的解决方案
- 我国首个桌面操作系统开发者平台“开放麒麟”(openKylin)正式发布
- Node——相关语法知识
- 白高兴一场:马斯克放弃收购推特或让华尔街机构失去近 2 亿美元收入
- 网站信息
- 站内问答:12篇
- 站内文章:213篇
- 建站时间:已运行1268天
- 备案号: 浙ICP备2022018799号
- 语言:
- English(USA)
- French(FR)
- Chinese(ZH)
无数据