I need assistance in fixing an error that I am encountering.
The issue arises in this method where I am using KisanData, but I am unable to resolve it.
const API_URL = "http://localhost:3000/User";
export default {
name: "home",
info(){
return{
info: [],
KisanData: {
name: "",
village: ""
},
}
},
Below is the HTML code where I have utilized v-model, however, an error has occurred.
<span class="input10" for="name">Name</span>
<input
id="name"
class="input1"
type="text"
v-model="KisanData.name"
name="name"
placeholder="Enter your name" required
/>
<span class="focus-input100"></span>
</div>
<div class="input100" data-validate="Name is required">
<span class="input10" for="village">Village</span>
<input
class="input1"
id="village"
type="text"
v-model="KisanData.village"
name="village"
placeholder="Enter your Village name" required
/>
An error message is displayed in the console.