vue 点击关闭el-popover

<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;
            }