el-popover 手动关闭

我们知道element 提供的popover 是自动关闭的, 那么想手动控制关闭怎么做呢
可以利用$refs['ref_']提供的doClose() 方法
比如在表格中, td 项点击弹出popover


          
        

js 部分 scope._self.$refs['ref_'+id].doClose() 关闭

 cancelPrice(scope){
      let id = scope.row.id
      scope._self.$refs['ref_'+id].doClose()
    },
    setPrice(scope){
      let id = scope.row.id

      let val = $("#price_"+id).val()
      if(!this.validPrice(val)){
        $("#price_"+id).val(scope.row.price)
        return
      }
      this.listLoading = true
      request.post('/price',{id: id, price: val}).then((resData)=>{
        this.$message.info("修改成功")

      }).finally((_)=>{
        this.listLoading = false
        this.select()
        scope._self.$refs['ref_'+id].doClose()
      })
    },
    

你可能感兴趣的:(vue.js)