提供正確的程式碼以防止預設的瀏覽器提交重新整理。
此外,提供程式碼以使輸入欄位的值與 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>