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')

获取参数即可