vue用axios,如何用一个url 传多个unitName

你可以使用axios的params参数来传递多个unitName，示例如下：

axios.get('/api/data', {
  params: {
    unitName: ['unit1', 'unit2', 'unit3']
  }
})
.then(response => {
  console.log(response.data)
})
.catch(error => {
  console.log(error)
})

在服务端接收到请求后，你可以使用类似以下代码来解析多个unitName参数：

const unitNames = req.query.unitName // ['unit1', 'unit2', 'unit3']

需要注意的是，在axios中使用params参数时，数组类型的参数会被转换为"key[]=value1&key[]=value2"的形式，具体可以参考axios官方文档。

相关问题

用vue发送axios请求多个id删除用户

首先，你需要在Vue组件中定义一个选中用户ID的数组，用来存储用户选中的ID：

data() {
  return {
    selectedIds: []
  }
}

接下来，你需要在模板中显示用户列表，并且提供一个复选框用来选中要删除的用户：

<div>
  <table>
    <thead>
      <tr>
        <th>ID</th>
        <th>Name</th>
        <th>Email</th>
        <th>Select</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="user in users" :key="user.id">
        <td>{{ user.id }}</td>
        <td>{{ user.name }}</td>
        <td>{{ user.email }}</td>
        <td>
          <input type="checkbox" :value="user.id" v-model="selectedIds">
        </td>
      </tr>
    </tbody>
  </table>
  <button @click="deleteUsers">Delete Selected Users</button>
</div>

在这个模板中，我们使用 `v-for` 指令来循环显示用户列表，并且在每个用户行中添加一个复选框。当用户选中一个复选框时，我们使用 `v-model` 指令将用户ID添加到 `selectedIds` 数组中。

最后，你需要在Vue组件中添加一个 `deleteUsers` 方法，用来发送axios请求删除选中的用户：

methods: {
  deleteUsers() {
    axios.post('/api/users/delete', { ids: this.selectedIds })
      .then(response => {
        // 删除成功
        console.log(response.data)
      })
      .catch(error => {
        // 删除失败
        console.error(error)
      })
  }
}

在这个方法中，我们使用 `axios.post` 发送一个带有选中用户ID的JSON数据到 `/api/users/delete` 接口。当请求成功时，我们将打印响应数据到控制台。否则，我们将打印错误信息到控制台。

以上就是用Vue发送axios请求多个ID删除用户的方法。

用vue3 axios element-plus写一个登录

好的，我可以为您提供一个简单的示例代码。请注意，这只是一个基础的示例，您需要根据您的实际需求进行修改。

首先，需要安装以下依赖项：

- axios
- element-plus

您可以通过以下命令进行安装：

npm install axios element-plus

接下来，我们可以在Vue组件中使用axios进行登录请求：

<template>
  <el-form ref="loginForm" :model="loginForm" label-width="80px">
    <el-form-item label="用户名" prop="username">
      <el-input v-model="loginForm.username"></el-input>
    </el-form-item>
    <el-form-item label="密码" prop="password">
      <el-input v-model="loginForm.password" type="password"></el-input>
    </el-form-item>
    <el-form-item>
      <el-button type="primary" @click="login">登录</el-button>
    </el-form-item>
  </el-form>
</template>

<script>
import axios from 'axios';
import { ElMessage } from 'element-plus';

export default {
  data() {
    return {
      loginForm: {
        username: '',
        password: ''
      }
    };
  },
  methods: {
    login() {
      this.$refs.loginForm.validate(valid => {
        if (valid) {
          axios.post('/api/login', this.loginForm)
            .then(response => {
              // 登录成功
              ElMessage.success('登录成功！');
              // TODO: 跳转到首页或其他页面
            })
            .catch(error => {
              // 登录失败
              ElMessage.error('登录失败！');
            });
        } else {
          return false;
        }
      });
    }
  }
};
</script>

在上面的示例代码中，我们使用了Element Plus的`el-form`和`el-button`组件来创建登录表单。当用户点击“登录”按钮时，我们使用axios发送登录请求。如果登录成功，我们显示成功消息，并跳转到首页或其他页面。如果登录失败，则显示错误消息。

请注意，上面的示例代码中的“/api/login”应该替换为您的后端API的实际URL。

希望这可以帮助您开始编写Vue3应用程序的登录功能。