element中 popconfirm與tooltip同時使用

el-popconfirm與el-tooltip同時使用

代碼

                <el-popconfirm
                  confirmButtonText="確定"
                  cancelButtonText="取消"
                  icon="el-icon-info"
                  iconColor="red"
                  title="確定刪除？"
                  @confirm="handleDelete(scope.row.id)"
                  :disabled="scope.row.builtinFlag == 1"
                >
                  <template #reference>
                    <div>
                      <el-tooltip
                        class="item"
                        effect="dark"
                        content="刪除"
                        placement="top"
                        :enterable="false"
                      >
                        <delete-outlined
                          :class="{
                            'xxx-btn-denger': !(scope.row.builtinFlag == 1),
                            'xxx-btn-disabled': scope.row.builtinFlag == 1,
                          }"
                        />
                      </el-tooltip>
                    </div>
                  </template>
                </el-popconfirm>

 

問題：

1、popconfirm 的觸發元素是 必須有一層 div，否則達不到效果