Compartir tecnología

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

Cuando no se utiliza el cajón, los datos se pueden repetir normalmente y el ID de los detalles del clic se pasa normalmente. Sin embargo, después de usar el componente del cajón, descubrí que la función de detalles solo se llamará una vez, y sin importar qué información. Si se hace clic en el futuro, la información no se actualizará en el primer mensaje, pero la ID se actualizó correctamente. Más tarde descubrí que no se agregó v-if para determinar el valor abierto del cajón. puede consultar el siguiente código.

componente del cajón:

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

importar:

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

Cómo ver los detalles:

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

Eso es todo.

¡Todos son bienvenidos a criticar, corregir o tener mejores formas de comunicarse y aprender juntos!