首页 > 其他分享 >vue路由传参的三种写法

vue路由传参的三种写法

时间:2022-11-26 16:36:41浏览次数:55  
标签:传参 vue keyword toUpperCase push router 路由

 methods:{
       
        goSearch(){

             // 1.路由传参字符串形式
            // this.$router.push("/Search/"+this.keyword+"?k="+this.keyword.toUpperCase())

            // 2 模板字符串
            // this.$router.push(`/search/${this.keyword}?k=${this.keyword.toUpperCase()}`)

            //3.对象传参
            this.$router.push({
                name:"search",
                params:{keyword:this.keyword},
                query:{k:this.keyword.toUpperCase()}
            })
        }
    },

 

标签:传参,vue,keyword,toUpperCase,push,router,路由
From: https://www.cnblogs.com/xiaobaizitaibai/p/16927653.html

相关文章

  • vue tab 切换
    <template><view><!--内容--><viewclass="content_box"><viewclass="content"><!--分类--><view......
  • vue3中watch监听不是你想的那样简单
    vue3中watch监听数组,数组变化后未触发回调今天发生了一个很神奇的现象,就是我使用watch监听数组时。被监听的数组已经发生了变化。但是没有触发回调操作。当时的我感到很疑......
  • vue3中watch监听不是你想的那样简单
    vue3中watch监听数组,数组变化后未触发回调今天发生了一个很神奇的现象,就是我使用watch监听数组时。被监听的数组已经发生了变化。但是没有触发回调操作。当时的我感到很疑......
  • vue3踩坑记录
    VueGridLayout-️适用Vue.js的栅格布局系统'.sync'modifieron'v-bind'directiveisdeprecated.Use'v-model:propName'instead.eslint-plugin-vue在3.x中,自......
  • vue框架中:点击图片使得图片放大展示方法
    安装插件cnpminstallv-viewer--save使用npm方式安装可能会报错,安装不上在main.js引用importViewerfrom'v-viewer'import'viewerjs/dist/viewer.css'//Vue.us......
  • Vue组件命名规范之大小写
    定义组件名的方式有两种:使用kebab-caseVue.component('my-component-name',{/*...*/})当使用kebab-case(短横线分隔命名)定义一个组件时,你也必须在引用这个自......
  • Vue组件命名规范之大小写
    定义组件名的方式有两种:使用kebab-caseVue.component('my-component-name',{/*...*/})当使用kebab-case(短横线分隔命名)定义一个组件时,你也必须在引用这个自......
  • Vue组件命名规范之大小写
    定义组件名的方式有两种:使用kebab-caseVue.component('my-component-name',{/*...*/})当使用kebab-case(短横线分隔命名)定义一个组件时,你也必须在引用这个自......
  • Vue组件命名规范之大小写
    定义组件名的方式有两种:使用kebab-caseVue.component('my-component-name',{/*...*/})当使用kebab-case(短横线分隔命名)定义一个组件时,你也必须在引用这个自......
  • Vue组件命名规范之大小写
    定义组件名的方式有两种:使用kebab-caseVue.component('my-component-name',{/*...*/})当使用kebab-case(短横线分隔命名)定义一个组件时,你也必须在引用这个自......