<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>
加入接口就可以了