Technologieaustausch

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Wenn die Schublade nicht verwendet wird, können die Daten normal wiedergegeben werden und die Klickdetails-ID wird normal übergeben. Nach der Verwendung der Schubladenkomponente habe ich jedoch festgestellt, dass die Detailfunktion nur einmal aufgerufen wird, und zwar unabhängig von der Information Wird in Zukunft darauf geklickt, werden die Informationen nicht aktualisiert, aber die ID wurde erfolgreich aktualisiert. Später habe ich festgestellt, dass v-if nicht hinzugefügt wurde, um den offenen Wert der Schublade zu ermitteln. Sie können sich auf den folgenden Code beziehen.

Schubladenteil:

 <!-- 表单弹窗：详情 -->
  <el-drawer
    v-model="drawer"
    title="详情"
    :direction="direction"
    v-if="drawer"
    size ="71%"
    class="drawer"
    destory-on-close
  >
    <DetailForm  ref="detailRef"  :detailId="detailId"/>
  </el-drawer>

importieren:

import type { DrawerProps } from 'element-plus'
import { ref } from 'vue';
import DetailForm from '@/views/teach/coursemanagePlus/Index.vue'

So zeigen Sie Details an:

/** 查看详情 */
const detailRef = ref()
const drawer = ref(false)
const detailId = ref()
const details = (type: string, id?: number) => {
  drawer.value=true
  detailId.value=id
}

Das ist es.

Jeder ist willkommen, zu kritisieren, zu korrigieren oder bessere Möglichkeiten zur gemeinsamen Kommunikation und zum gemeinsamen Lernen zu finden!