使用application/x-www-form-urlencoded;charset=UTF-8 方式 vue 进行传参

在Vue中使用application/x-www-form-urlencoded;charset=UTF-8方式进行传参，可以使用axios库来发送POST请求，并设置请求头的Content-Type为application/x-www-form-urlencoded。

首先，需要安装axios库。可以通过以下命令来安装：

npm install axios

接下来，在需要发送POST请求的组件中引入axios库，并设置请求头的Content-Type为application/x-www-form-urlencoded。可以使用qs库来将参数对象序列化为URL编码的字符串。

import axios from 'axios';
import qs from 'qs';

// ...

// 定义参数对象
const params = {
  key1: 'value1',
  key2: 'value2',
};

// 将参数对象序列化为URL编码的字符串
const formData = qs.stringify(params);

// 发送POST请求
axios.post('/api/post', formData, {
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
  }
})
  .then(response => {
    // 处理响应数据
    console.log(response.data);
  })
  .catch(error => {
    // 处理错误
    console.error(error);
  });

// ...

注意，上述代码中的`/api/post`是示例的后端接口地址，需要根据实际情况进行替换。