首页 > 其他分享 >vue中router-link路由携带参数跳转

vue中router-link路由携带参数跳转

时间:2023-07-01 15:24:43浏览次数:28  
标签:vue 参数 跳转 link router 路由

在对应的路由模块儿中

path: 'courseList/:id?'

router-link中书写方法如下

<template slot-scope="scope">
        <router-link :to="{ path: '/course/courseList/' + scope.row.id }">跳转按钮
        </router-link>
</el-table-column>

跳转页面获得传递的参数

console.log(this.$route.params)

标签:vue,参数,跳转,link,router,路由
From: https://www.cnblogs.com/orangeczs/p/17519315.html

相关文章

  • uni.app 给大家推荐一个 非常牛的 插件 上传图片 上传 word 上传xlsx 上传pdf
     插件地址地址:https://ext.dcloud.net.cn/plugin?name=lsj-upload兼容vue2 vue3微信小程序 等等等等图片放在下面了使用方法里面有介绍又到了码农 最重要的时刻了ctrlc  ctrlv  大法   ......
  • uni.app上传图片/上传七牛云 vue2 es6
    uni.app上传图片可以使用uni.app里面的api//uni.chooseImage({ // success:(chooseImageRes)=>{ // consttempFilePaths=chooseImageRes.tempFilePaths; // uni.uploadFile({ // url:that.$unishow+'/common/upload',//仅为示例,非真实的接口地......
  • uni.app上传视频vue2 es6
    上传视频可以使用uni.app里面的api letself=this; uni.chooseVideo({ count:1, sourceType:['camera','album'], success:function(res){ console.log(res) self.showVideo=true self.addVideo=false self.src=......
  • 如何解决uni-app上传图片提示打包未添加Camera模块? uni.app es6 vue2
       可以在manifest.json来进行配置  这样就解决了 ......
  • SAP 电商云 footer 区域 Link Component HTML 源代码的详细讲解
    如下图所示:这个linkComponent生成的a元素的HTML代码:<ahref="http://www.twitter.com/SAP_CX"target="_blank"rel="noopener">Twitter-j<!--bindings={"ng-reflect-ng-template-outlet":"[objectObject]"}......
  • vue中封装服务器地址/接口与设置请求头
    设置请求头首先创建一个放置服务器地址的js,如http.js,然后在http.js中引入axiosimportaxiosfrom"axios";如果没有axios,需要先安装,npmiaxios或者yarnaddaxois,然后重启服务器...直接上代码点击查看代码importaxiosfrom"axios";//导入axios//创建请求实......
  • Vue双向数据绑定原理(面试必问) vue双向绑定面试怎么说
    vue.js是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调来渲染视图。具体步骤1、需要observer的数据对象进行递归遍历,包括子属性对象的属性,都加上setter和getter这样的话,给这......
  • Vue项目卡顿慢加载?这些优化技巧告诉你!
    前端开发是一个快速发展的领域,每天都会涌现出新的技术和工具。在实现功能的同时,开发人员面临着许多挑战如代码可维护性,加载时间,访问速度,构建速度等问题。这些挑战可能直接影响网站的性能和用户体验,需要采取一些优化措施来改善问题。在本文中,我们将探讨一些前端项目优化的具体措施......
  • Flink 核心技术与实战
    你将获得熟练掌握FlinkSQL接口的原理与操作方法;深入理解FlinkDataStreamAPI的实践原理;全面剖析FlinkRuntime的设计与实现机制;完整构建一个实时推荐数据流系统。课程介绍目前大部分公司的大数据处理工作,使用的还是离线处理技术,但未来,流式计算必定会成为分布式计算......
  • 前端Vue自定义勾选协议组件 可用于登录 注册等场景
    前端Vue自定义勾选协议组件,可用于登录注册等场景,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13299效果图如下:cc-protocolBox使用方法<!--agree:是否同意勾选 protocolArr:协议数组@click:勾选同意点击@protocolClick:协议点击--><......