提供正确的代码,以防止默认浏览器在提交时刷新。
此外,提供代码,使输入字段值与 Vue 数据实例属性 'itemName' 和 'itemNumber' 进行双向绑定。
<form v-on:@(14)="addItem"> <p>添加项目</p> <p> 项目名称: <input type="text" required @(7)="itemName"> </p> <p> 数量: <input type="number" @(7)="itemNumber"> </p> <button type="submit">添加项目</button> </form>
<form v-on:submit.prevent="addItem"> <p>添加项目</p> <p> 项目名称: <input type="text" required v-model="itemName"> </p> <p> 数量: <input type="number" v-model="itemNumber"> </p> <button type="submit">添加项目</button> </form>