기술나눔

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

서랍을 사용하지 않으면 데이터가 정상적으로 에코되고 클릭 세부 정보 ID가 정상적으로 전달됩니다. 그러나 서랍 구성 요소를 사용하고 나면 세부 정보 기능이 어떤 정보에 관계없이 한 번만 호출된다는 것을 알았습니다. 나중에 클릭하면 정보가 새로 고쳐지지 않습니다. 첫 번째 메시지는 ID가 성공적으로 새로 고쳐졌습니다. 나중에 동일한 문제가 발생하면 v-if가 추가되지 않았습니다. 다음 코드를 참조할 수 있습니다.

서랍 구성요소:

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

수입:

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

세부정보를 보는 방법:

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

그게 다야.

누구나 함께 비판하고, 수정하고, 더 나은 방법으로 소통하고 배울 수 있습니다!