類型錯誤：Vue.js 中的“_vm.KisanData 未定義”

Question

我無法修復錯誤，請幫忙。

這是使用 KisanData 但發生錯誤的方法我無法解決此問題

const API_URL = "http://localhost:3000/User";
    export default {
      name: "home",
      info(){
        return{
        info: [],
        KisanData: {
          name: "",
          village: ""
        },
        }
      },

這是我使用 v-model 但錯誤 occor 的 html 代碼

<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
                  />

error occur on console

Answer 1

您應該使用字段data intead of info ：

const API_URL = "http://localhost:3000/User";
export default {

    name: "home",

       data() {
            return {
                info: [],
                KisanData: {
                   name: "",
                   village: ""
                },
            }
        }
},