Vue: v‐if v‐for - daniel-qa/Vue GitHub Wiki

• v-for 與 function 的連動

在 v-for 呼叫 function，如果是回傳 ARRAY,則會進行連動，逐一讀取資料

<FormItem label="學段">
<Select v-model="mappingData[index].period.target" placeholder="請選擇目的學段">
  <Option 
	v-for="targetPeriod in getTargetPeriods()" 
	:key="targetPeriod.id" 
	:value="targetPeriod.id"
  >    

getTargetPeriods() {
      if (!this.targetSchoolData || !this.targetSchoolData.period) {
        return [];
      }
      return this.targetSchoolData.period;
},