vue获取url的值

简介: vue获取url的值

一、网址示例

http://192.168.50.45:8080/#/?para=123459

二、关键代码

this.$route.query.para;

三、全部代码

<!--  -->
<template>
  <div>
    {{code}}
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      code: "xxxxxx",
    };
  }, 
  methods: { 
    parm() {
      var tem = this.$route.query.para;
      if (tem.length >0) {
        this.code = tem;
      }
    },    
  },
 
  mounted() {
    this.parm();
  },
};
</script>
<style>
</style>
相关文章
|
4月前
|
JavaScript
vue截取URL中的参数
vue截取URL中的参数
57 0
|
28天前
|
JavaScript Linux 应用服务中间件
【Azure 应用服务】FTP 部署 Vue 生成的静态文件至 Linux App Service 后,访问App Service URL依旧显示Azure默认页面问题
【Azure 应用服务】FTP 部署 Vue 生成的静态文件至 Linux App Service 后,访问App Service URL依旧显示Azure默认页面问题
|
4月前
|
JavaScript Windows
VUE部署到IIS中报404错误解决方案-配置URL重写
VUE部署到IIS中报404错误解决方案-配置URL重写
206 0
|
4月前
|
JavaScript
vue项目中统一管理多个后端URL的方法
vue项目中统一管理多个后端URL的方法
144 0
|
4月前
|
JavaScript 小程序
vue获取URL参数 ,正则 JS-获取URL指定参数的 3 种方法
vue获取URL参数 ,正则 JS-获取URL指定参数的 3 种方法
|
4月前
|
JavaScript
Vue如何实现hash模式网址(就是那种带#的网址、井号url)
Vue如何实现hash模式网址(就是那种带#的网址、井号url)
|
存储 JavaScript
vue本地存储、获取自定义data-id、获取链接url参数、页面跳转返回、修改页面title
vue本地存储、获取自定义data-id、获取链接url参数、页面跳转返回、修改页面title
Vue--会员管理列表页面,抽取BASE_URL
Vue--会员管理列表页面,抽取BASE_URL
|
JavaScript
Vue课程21-url-loader的limit限制
Vue课程21-url-loader的limit限制
101 0
Vue课程21-url-loader的limit限制
|
1月前
|
开发框架 前端开发 .NET
Asp.net Webapi 的 Post 方法不能把参数加到 URL 中?试试这样写
Asp.net Webapi 的 Post 方法不能把参数加到 URL 中?试试这样写