场景:使用ele 的popover组件 和模板一模一样 它可以 我却不行 😂!
找网上找了好久 看见一种解决方案 😀
解决:👇
<el-popover placement="top" width="200" :ref="scope.$index">
<p>
{{
scope.row.useStatusStr == "未使用"
? "确定删除这条数据吗?"
: "该编号已使用,删除将导致设备无法使用,确定删除?"
}}
</p>
<div style="text-align: right; margin: 0">
<el-button
size="mini"
type="text"
@click="scope._self.$refs[scope.$index].doClose()"
>取消</el-button
>
<el-button
type="primary"
size="mini"
@click="
scope._self.$refs[scope.$index].doClose();
handleDelete(scope.row.id);
"
>确定</el-button
>
</div>
<el-button
style="margin-left: 10px"
type="danger"
size="mini"
slot="reference"
>删除</el-button
>
</el-popover>
注意:记录一下解决方法