<el-popover ref="popover"
placement="bottom" trigger="click" >
<div>
<el-form style="margin-left: 30px;" label-width="90px" size="small" :model="formInline">
<el-form-item label="数据名称:">
<el-input v-model="formInline.text"></el-input>
</el-form-item>
<el-form-item label="创建人:">
<el-input v-model="formInline.creator"></el-input>
</el-form-item>
<el-form-item label="数据类型:">
<el-select v-model="formInline.type" placeholder="请选择">
<el-option label="请选择" value />
<el-option v-for="types in dataTypes" :key="types.id" :value="types.code" v-text="types.name" :label="types.name"/>
</el-select>
</el-form-item>
<el-form-item label="创建时间:">
<el-date-picker
v-model="formInline.timerange"
type="daterange"
range-separator="至"
value-format="yyyy-MM-dd HH:mm:ss"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</el-form-item>
</el-form>
<span slot="footer" style="float: right" >
<el-button @click="cancel()">取 消</el-button>
<el-button @click="resetQuery()">重 置</el-button>
<el-button @click="search()" style="background-color: #4C74E0;color: white">查 询</el-button>
</span>
</div>
<el-button slot="reference" icon="el-icon-search" style="background-color:#656D92;color: white;margin-left: 20px" size="middle" >高级查询</el-button>
</el-popover>
方法里面:
/*取消*/
cancel(){
this.$refs.popover.showPopper = false;
}