vue,封装跳转路径传参及获取参数

2021-04-15  本文已影响0人  偶头像超凶

工具

前提:将router文件引入
import Router from '../router/index.js';

//跳转路径及传参
go(url, data) {
    Router.push({
        path: url,
        'query': data
    })
},
goReplace(url, data) {
    Router.replace({
        path: url,
        'query': data
    })
},
//获取数据
getData(router) {
    return router.query || {};
},

实例

前提:将tool文件在main.js中引入、挂载
import Tool from './utils/tools'
Vue.prototype.$tools = Tool;

//跳转路径及传参
this.$tools.go('/searchInfo', {
    name: '信息'
})
///获取数据
this.$tools.getData(this.$route)
上一篇 下一篇

猜你喜欢

热点阅读