Compartilhamento de tecnologia

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

Quando a gaveta não é usada, os dados podem ser ecoados normalmente e o ID de detalhes do clique é passado normalmente. Porém, depois de usar o componente da gaveta, descobri que a função de detalhes só será chamada uma vez, e não importa qual informação. for clicado no futuro, as informações não serão atualizadas na primeira mensagem, mas o ID foi atualizado com sucesso. Mais tarde, descobri que v-if não foi adicionado para determinar o valor de abertura da gaveta. você pode consultar o código a seguir.

componente de gaveta:

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

Como visualizar detalhes:

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

É isso.

Todos são bem-vindos para criticar, corrigir ou apresentar melhores maneiras de se comunicar e aprender juntos!