vue+elementui 查询条件展开/收起

<span @click="changeadvanced">{{ advanced ? "收起" : "展开" }}</span>
<i :class="advanced ? 'el-icon-arrow-up' : 'el-icon-arrow-down'" />
<div style="display: flex" class="range" v-show="advanced">
	<el-input v-model="distance" placeholder="范围"></el-input>
	<el-date-picker v-model="begin_time" type="date" value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="任务开始日期"></el-date-picker>
	<el-date-picker v-model="end_time" type="date" value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="任务结束日期"></el-date-picker>
	<el-input v-model="target_num" placeholder="数量"></el-input>
</div>

export default {
	data() {
		return {
			advanced: false,
		}
	},
	methods:{
		changeadvanced() {
			this.advanced = !this.advanced;
		},
	}
	
}