Partage de technologie

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

Lorsque le tiroir n'est pas utilisé, les données peuvent être répercutées normalement et l'ID des détails du clic est transmis normalement. Cependant, après avoir utilisé le composant du tiroir, j'ai constaté que la fonction de détails ne sera appelée qu'une seule fois, et quelle que soit l'information. est cliqué à l'avenir, les informations ne seront pas actualisées. Le premier message, mais l'ID a été actualisé avec succès. Plus tard, j'ai découvert que v-if n'était pas ajouté pour déterminer la valeur d'ouverture du tiroir. vous pouvez vous référer au code suivant.

composant du tiroir :

 <!-- 表单弹窗：详情 -->
  <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>

importer:

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

Comment afficher les détails :

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

C'est ça.

Tout le monde est invité à critiquer, corriger ou trouver de meilleures façons de communiquer et d’apprendre ensemble !