提供正确的代码以防止默认的浏览器提交刷新。
此外,提供代码以使输入字段的值与 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>