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中的参数
63 0
|
1月前
|
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重写
210 0
|
4月前
|
JavaScript
vue项目中统一管理多个后端URL的方法
vue项目中统一管理多个后端URL的方法
151 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限制
|
2天前
|
前端开发 JavaScript
前端JS截取url上的参数
文章介绍了两种前端JS获取URL参数的方法:手动截取封装和使用URLSearchParams。
9 0