在Vue中獲取表單中的id是一項常見的任務,因為它可以讓我們輕松地獲取用戶提交的表單數據。下面是一種實現方式:
<template> <form @submit.prevent="submitForm"> <label>ID: <input type="text" v-model="id"></label> <button type="submit">提交</button> </form> </template> <script> export default { data() { return { id: '' } }, methods: { submitForm() { console.log(this.id); } } } </script>
在這個例子中,我們通過v-model將輸入框中的值綁定到了data中的id屬性上。在表單提交時,我們可以通過調用submitForm方法獲取id的值,并將其輸出到控制臺。
上一篇vue獲取表單數據