Element-ui删除组件

<template>
  <div class="flexShow">
    <el-popover placement="top" width="160" v-model="visible">
      <p>这是一段内容这是一段内容确定删除吗？</p>
      <div style="text-align: right; margin: 0">
        <el-button size="mini" type="text" @click="visible = false">取消</el-button>
        <el-button type="primary" size="mini" @click="remove">确定</el-button>
      </div>
      <a class="removeBtn" href="#" slot="reference" @click="visible = false">删除</a>
    </el-popover>
  </div>
</template>

<script>
export default {
  name: "remove",
  props:{
    deleteElement:{
      type:[]
    }
  },
  methods:{
    remove(){
      //写接口删完刷新
      this.visible = false
    }
  },
  data() {
    return {
      visible: false,
    }
  },
}
</script>

<style scoped>
.flexShow {
  position: relative;
  display: inline-block !important;
}
.removeBtn {
  text-decoration: none;
  color: blue;
  font-size: 13px;
}
</style>

加入接口就可以了