el-popover in der Tabelle verwendet
Das el-Popover ist eine Popup-Box von elementUi. Wenn es in der Tabelle recycelt wird, hat jedes el-Popover keine bestimmte Markierung, sodass es ungültig ist.
Lösung
<el-popover placement="top" width="160" :ref="'popover-'+scope.$index">
<p>这是一段内容这是一段内容确定删除吗？</p>
<div style="text-align: right; margin: 0">
<el-button size="mini" type="text" @click="closePopover(scope.$index)">取消</el-button>
<el-button type="primary" size="mini"
@click="handleDelete(scope.$index, scope.row);closePopover(scope.$index)">确认</el-button>
</div>
<el-button slot="reference" type="danger" size="mini" @click="openPopover(scope.$index)" plain>
<i class="iconfont icon-delete" style="margin-right: 5px;"></i>删除
</el-button>
</el-popover>
Hier können Sie doShow () und doClose () aufrufen. Der Skriptcode lautet wie folgt
Hier gibt es ein Problem: Ich bin verwirrt und verstehe nicht. Sowohl doShow als auch doClose sind Methoden. Ich weiß nicht, warum eine doShow nicht addiert (), sondern doClose addiert (). Wenn es verschiedene Situationen gibt, können Sie versuchen, (oder) nicht hinzuzufügen ()
//方法集合
methods: {
openPopover(index){
//doShow这是一个方法,但是不知道为什么不能加()，否则不起作用
this.$refs['popover-' + index].doShow;
// this.$refs.index.doShow();
},
closePopover(index){
//一脸懵逼,doClose居然需要加(),否则不起作用
this.$refs['popover-' + index].doClose();
}
},