Berbagi teknologi

Komponen laci di Vue3 tidak dapat menggemakan kembali data

2024-07-12

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

Ketika laci tidak digunakan, data dapat di-echo secara normal, dan ID detail klik diteruskan secara normal. Namun, setelah menggunakan komponen laci, saya menemukan bahwa fungsi detail hanya akan dipanggil sekali, dan tidak peduli informasi apa pun diklik di masa mendatang, informasinya tidak akan disegarkan. Pesan pertama, tetapi ID berhasil disegarkan. Kemudian saya menemukan bahwa v-if tidak ditambahkan untuk menentukan nilai terbuka laci. Anda dapat merujuk ke kode berikut.

komponen laci:

  1. <!-- 表单弹窗:详情 -->
  2. <el-drawer
  3. v-model="drawer"
  4. title="详情"
  5. :direction="direction"
  6. v-if="drawer"
  7. size ="71%"
  8. class="drawer"
  9. destory-on-close
  10. >
  11. <DetailForm ref="detailRef" :detailId="detailId"/>
  12. </el-drawer>

impor:

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

Cara melihat detailnya:

  1. /** 查看详情 */
  2. const detailRef = ref()
  3. const drawer = ref(false)
  4. const detailId = ref()
  5. const details = (type: string, id?: number) => {
  6. drawer.value=true
  7. detailId.value=id
  8. }

Itu dia.

Setiap orang boleh mengkritik, mengoreksi, atau memiliki cara yang lebih baik untuk berkomunikasi dan belajar bersama!