使用element中el-popover组件手动控制开关的特殊方式

UpSeven0

于 2024-02-20 16:19:40 发布

阅读量501

点赞数 8

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_34811855/article/details/136193066

版权

<el-popover
  placement="top"
  width="160"
  ref='popover'
  v-model="visible">
  <p>这是一段内容这是一段内容确定删除吗？</p>
  <div style="text-align: right; margin: 0">
    <el-button size="mini" type="text" @click="visibleTrue">取消</el-button>
    <el-button type="primary" size="mini" @click="visibleFalse">确定</el-button>
  </div>
  <el-button slot="reference">删除</el-button>
</el-popover>
 
<script>
  export default {
    data() {
      return {
        
      };
      methods:{
          visibleTrue(){
            this.$refs.popover.doShow();
          },
          visibleFalse(){
            this.$refs.popover.doClose();
          },
      }
    }
  }
</script>