javascript - JavaScript中如何获取URL参数？

Question

我正在使用 Vue，但我没有使用 vue-router。

如何获取 URI 参数？

我找到了一种通过使用 root el 属性来获取 URI 的方法。

但是有没有正确的方法来获取我想要将它们发送到的参数 后端并从服务器获取响应并显示它。

Answer 1

由于您没有使用vue-router，我认为您无法访问您的参数。因此，您唯一的机会是将 URL api 用作:

const url = new URL(window.location.href); 
const getParam = url.searchParams.get('foo'); 

这将为您提供 ?foo=bar 中 foo 的值

<小时/>

或者，您可以执行类似的操作。

new Vue({
 el: '#app',
 
 data () {
   return {
     params: window.location.href.substr(window.location.href.indexOf('?'))
   }
 },
 
 methods: {
   getParam (p) {
     let param = new URLSearchParams(this.params);
     if(param.has(p)){
       return param.get(p)
     }else{
       false
     }
   }
 },
})

现在，只需使用 getParam('foo')

获取参数即可