el-popover 手动关闭
我们知道element 提供的popover 是自动关闭的, 那么想手动控制关闭怎么做呢
可以利用$refs['ref_']提供的doClose() 方法
比如在表格中, td 项点击弹出popover
{{ parseFloat(scope.row.price).toFixed(2) }}
确定
取消
【el-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.idlet 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()
})
},
推荐阅读
- Linux|Linux 服务器nginx相关命令
- 【Flink】Flink手动触发savepoint失败问题
- 手动实现bind方法
- 你还在手动备份电脑文件吗(FileYee帮你一键解决数据自动备份!)
- 图片转文字,你还在手动输入吗()
- 如何使用rotation-degrees手动旋转(rotate)exoplayer2播放器
- 页面关闭,刷新区分-------清除浏览器缓存
- iOS-App启动优化
- 朋友圈(关闭还是重视)
- 蚂蚁借呗突然被关闭了,问题可能就出在这些点上