vue form表单action传参数
时间: 2023-11-10 14:05:00 浏览: 119
在 Vue 中,可以使用 `axios` 库来发送表单数据并传递参数。首先,在表单中添加一个隐藏的 input 标签,用于传递参数:
```html
<form @submit.prevent="submitForm">
<input type="hidden" name="param1" :value="param1">
<!-- 其他表单元素 -->
<button type="submit">提交</button>
</form>
```
然后在 Vue 实例中定义 `submitForm` 方法,使用 `axios` 发送表单数据并传递参数:
```js
import axios from 'axios';
export default {
data() {
return {
param1: 'value1',
// 其他表单数据
};
},
methods: {
submitForm() {
axios.post('/api/form', new FormData(event.target), {
params: {
param1: this.param1,
},
}).then(response => {
console.log(response.data);
}).catch(error => {
console.error(error);
});
},
},
};
```
在上面的代码中,`axios.post` 方法的第二个参数使用了 `FormData` 对象来获取表单数据,第三个参数使用了 `params` 属性来传递参数。
阅读全文