vuejs3 - 在渲染期间访问了属性“xxx”，但未在实例上定义

Question

这是js的一部分

  ...
  data() {
    return {
      lineList: [],
    }
  },
  ...
  created(){
    await this.getLineList()
  }
  ...
  getLineList(){
    ...
    //use axios to get data
    this.lineList = res.data
    ...
  }

这是模板的一部分

       ...
       <el-form-item label="line">
          <el-select
            v-model="searchInfo.id"
            default-first-option
            placeholder="select line"
          >
            <el-option
              v-for="item in lineList"
              :key="item.id"
              :label="item.name"
              :value="item.id"
              :value-key="id"
            />
          </el-select>
        </el-form-item>
        ...

并控制台发出很多警告，例如：在渲染期间访问了属性“xxx”，但未在实例上定义。如何避免警告？

Answer 1

created()是一个钩子函数，但您的自定义方法应在“方法”属性中声明

...
methods: {
    getLineList(){
        ...
    }
}