element-ui弹出框popover点击外部不消失的解决办法

element-ui弹出框popover点击外部不消失的解决办法

  1. 设置trigger为manual;
  2. 用点击方法来控制是否关闭。
<el-popover
  v-model="isShow"
  placement="right"
  width="400"
  trigger="manual">
  234
  <el-button slot="reference" @click.native="onShow">click 激活</el-button>
</el-popover>
  methods:{
    onShow(){
      this.isShow = !this.isShow;
    },
   
  },
    data() {
      return {
        isShow:false,
      };
    }

你可能感兴趣的:(vue,ui,vue.js,前端)