Свойство «xxx» было доступно во время рендеринга, но не определено в экземпляре

Question

это часть js

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

это часть temlate

             ...
       <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"

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