当前位置: 首页 > Web前端 > vue.js

el-popover手动关闭

时间:2023-03-31 18:11:09 vue.js

我们知道element提供的popover是自动关闭的,那要怎么手动控制关闭呢?您可以使用$refs['ref_']提供的doClose()方法。比如在table中,点击td项弹出popover{{parseFloat(scope.row.price).toFixed(2)}}

确定取消

js部分scope._self.$refs['ref_'+id].doClose()关闭cancelPrice(scope){letid=scope.row.idscope._self.$refs['ref_'+id].doClose()},setPrice(scope){letid=scope.row.idletval=$("#price_"+id).val()if(!this.validPrice(val)){$("#price_"+id).val(scope.row.price)return}this.listLoading=truerequest.post('/price',{id:id,price:val}).then((resData)=>{this.$message.info("修改成功")}).finally((_)=>{this.listLoading=falsethis.select()scope._self.$refs['ref_'+id].doClose()})},