类型错误：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 但出现错误的 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 而不是info：

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

    name: "home",

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