vue.js 获取url 参数

在 Vue.js 中，你可以通过 `this.$route.query` 对象来获取 URL 中的查询参数。这个对象包含了所有的查询参数，可以通过参数名来获取相应的参数值。

例如，在 URL 中包含参数 `id`，你可以通过以下方式来获取它的值：

this.$route.query.id

如果想要在组件中获取 URL 中的查询参数，需要引入 Vue Router 并在组件中使用 `$route` 对象。

以下是一个获取 URL 参数的例子：

<template>
  <div>
    <p>参数 id 的值为：{{ id }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      id: null
    }
  },
  created() {
    // 从 URL 中获取参数 id 的值
    this.id = this.$route.query.id
  }
}
</script>

在上面的代码中，我们通过 `$route.query.id` 来获取 URL 中的 `id` 参数的值，并将它赋值给组件的 `id` 数据。这样在模板中就可以通过 `{{ id }}` 来显示参数的值了。

相关问题

vue.js中axios获取文件应该放在哪个目录

axios只是一个用于发送HTTP请求的JavaScript库，它和文件的获取没有直接关系。在Vue.js中，你可以使用axios发送GET请求来获取文件，然后将文件保存到你想要的目录中。一般情况下，文件获取的目录可以根据你的项目需要来进行设置。比如，你可以在src目录下创建一个名为assets的文件夹，然后将获取的文件保存到该文件夹中。示例代码如下：

import axios from 'axios';

axios.get('http://example.com/file.txt', {
  responseType: 'blob'
}).then(response => {
  const url = window.URL.createObjectURL(new Blob([response.data]));
  const link = document.createElement('a');
  link.href = url;
  link.setAttribute('download', 'file.txt');
  document.body.appendChild(link);
  link.click();
});

上述代码将从'http://example.com/file.txt'获取文件，然后将其保存到名为'file.txt'的文件中，并且将该文件下载到客户端本地。你可以根据自己的需求修改代码中的相关参数。