美文网首页
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