forms - vue js表单提交方法
问题描述
我对 Vuejs 比较陌生,并且正在尝试使此表单正常工作,但是在我提交时它一直向我显示这些错误。有人可以指导我吗?
<template>
<form @submit.prevent="handleSubmit">
<input class="input" type="text" v-model="user.name">
<input class="input" type="text" v-model="user.email">
<input class="input" type="text" v-model="user.phone">
<button class="button is-primary" type="submit">Submit</button>
</form>
</template>
<script>
export default {
data() {
return {
user: {
name: '',
email: '',
phone: ''
},
test: "BEFORE SUBMIT"
};
},
method: {
handleSubmit() {
let user = new user({
name: this.user.name,
email: this.user.email,
phone: this.user.phone,
});
this.test = "AFTER SUBMIT";
}
}
};
</script>
解决方案
您正在调用handleSubmit
方法,但尚未在 Vue 实例上定义它。
那是因为你应该调用 Vue 实例属性methods
,而不是method
,即使你只有 1 个方法。
推荐阅读
- flutter - 更改 URL Flutter 格式
- python - cv2 帧写入文件占用太大
- python - 递归打印字符串,具体取决于在多个列表中添加了多少项目
- python - Python bs4不从元素返回文本
- django - 如何让我的 graphene-python API 响应更快?
- r - 在 mutate(across()) 中粘贴变量名
- c++ - Tesseract 无法识别单个数字
- api - System.InvalidOperationException:内部连接致命错误。错误状态:15,令牌:143
- reactjs - 如何在 Heroku 上的 React 项目中处理生产环境变量
- ios - UIView 关键帧动画时间不符合预期