美文网首页
vue,封装跳转路径传参及获取参数

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

作者: 偶头像超凶 | 来源:发表于2021-04-15 15:05 被阅读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)

相关文章

网友评论

      本文标题:vue,封装跳转路径传参及获取参数

      本文链接:https://www.haomeiwen.com/subject/yewdlltx.html