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>
相关文章
|
7月前
|
JavaScript
vue截取URL中的参数
vue截取URL中的参数
73 0
|
1月前
|
JavaScript
vue封装一个查询URL参数方法
通过以上步骤,我们在Vue.js项目中封装了一个查询URL参数的方法 `getQueryParam`,并在Vue组件中成功应用。这种封装方式不仅提高了代码的复用性,还使得代码更加清晰和易于维护。
18 1
|
1月前
|
JavaScript
vue封装一个查询URL参数方法
通过以上步骤,我们在Vue.js项目中封装了一个查询URL参数的方法 `getQueryParam`,并在Vue组件中成功应用。这种封装方式不仅提高了代码的复用性,还使得代码更加清晰和易于维护。
17 1
|
4月前
|
JavaScript Linux 应用服务中间件
【Azure 应用服务】FTP 部署 Vue 生成的静态文件至 Linux App Service 后,访问App Service URL依旧显示Azure默认页面问题
【Azure 应用服务】FTP 部署 Vue 生成的静态文件至 Linux App Service 后,访问App Service URL依旧显示Azure默认页面问题
|
7月前
|
JavaScript Windows
VUE部署到IIS中报404错误解决方案-配置URL重写
VUE部署到IIS中报404错误解决方案-配置URL重写
316 0
|
7月前
|
JavaScript
vue项目中统一管理多个后端URL的方法
vue项目中统一管理多个后端URL的方法
213 0
|
7月前
|
JavaScript 小程序
vue获取URL参数 ,正则 JS-获取URL指定参数的 3 种方法
vue获取URL参数 ,正则 JS-获取URL指定参数的 3 种方法
156 0
|
7月前
|
JavaScript
Vue如何实现hash模式网址(就是那种带#的网址、井号url)
Vue如何实现hash模式网址(就是那种带#的网址、井号url)
|
存储 JavaScript
vue本地存储、获取自定义data-id、获取链接url参数、页面跳转返回、修改页面title
vue本地存储、获取自定义data-id、获取链接url参数、页面跳转返回、修改页面title
|
3月前
|
前端开发 JavaScript
前端JS截取url上的参数
文章介绍了两种前端JS获取URL参数的方法:手动截取封装和使用URLSearchParams。
60 0