vue.js - Vue JS:TypeError:无法读取未定义的属性“preventDefault”
问题描述
我在输入字段中使用了 v-model,但它给出了未定义的 preventDefault 错误。我在这里想念什么?
我的 AddUser 组件上有以下代码。
<template>
<form @submit="onSubmit()">
<div class="form-group">
<input type="text" v-model="name" name="name" class="form-control" placeholder="Enter name">
</div>
<div class="form-btn form-group text-center">
<Button type="submit" text="Add" color="#2BA0A3" />
</div>
</form>
</template>
<script>
import Button from './Button'
export default {
name: 'AddUser',
data(){
return {
name: ''
}
},
components: {
Button
},
methods: {
onSubmit(e){
e.preventDefault()
if(!this.name){
alert('Please enter name.')
}
}
}
}
</script>
解决方案
采用
@submit="onSubmit" 而不是 @submit="onSubmit()"
我认为它会解决这个问题。
推荐阅读
- pandas - 在 seaborn 中绘制重采样数据
- matlab - Simulink Desktop Real-Time (R2017b):GUIDE 应用程序的数据记录失败
- r - 如何获取单个 ID 的多个条目并显示在同一行中?
- c++ - 从服务创建流程
- arrays - 我们认为二维数组的指针在空间复杂度中的大小是多少?
- ios - DISPATCH_TIME_FOREVER 将如何在 ios 应用程序中工作?
- pyspark - pyspark:collect_list()如何存储每行组剩余元素的列表
- opencv - 带卡尔曼滤波器的实时视频稳定
- oauth-2.0 - 获取 OAuth2 访问令牌失败并显示错误消息“HTTP/1.1 401 Unauthorized”
- android - 定期停止获取后台位置更新