<div class="form-container">
        <div class="form-group">
            <label for="departure-city">出發(fā)城市</label>
            <select v-model="departureCity" id="departure-city">
                <option value="北京">北京</option>
                <option value="上海">上海</option>
                <option value="廣州">廣州</option>
                <!-- 可以添加更多選項(xiàng) -->
            </select>
        </div>
        <div class="form-group">
            <label for="destination-city">目的城市</label>
            <select v-model="destinationCity" id="destination-city">
                <option value="北京">北京</option>
                <option value="上海">上海</option>
                <option value="廣州">廣州</option>
                <!-- 可以添加更多選項(xiàng) -->
            </select>
        </div>
        <div class="form-group">
            <label for="departure-date">出發(fā)時(shí)間</label>
            <input type="text" id="departure-date" v-model="departureDate" placeholder="選擇日期">
        </div>
        <div class="form-group">
            <button @click="search" type="button">搜索</button>
        </div>
    </div>

search() {
                var formData = new FormData();
                formData.append('departureCity', this.departureCity);
                formData.append('destinationCity', this.destinationCity);
                formData.append('departureDate', this.departureDate);
                axios.post('http://127.0.0.1:8000/plane/search/', formData)



后續(xù)代碼省略

query = Q()
        if departureCity:
            query &= Q(departureCity=departureCity)
        if destinationCity:
            query &= Q(destinationCity=destinationCity)
        if departureDate:
            query &= Q(departureDate=departureDate)

        # 根據(jù)查詢條件查詢數(shù)據(jù)庫(kù)
        flights = Flight.objects.filter(query)