Κοινή χρήση τεχνολογίας

Το στοιχείο συρταριού στο Vue3 δεν μπορεί να επαναλάβει τα δεδομένα

2024-07-12

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

Όταν το συρτάρι δεν χρησιμοποιείται, τα δεδομένα μπορούν να επαναληφθούν κανονικά και το αναγνωριστικό λεπτομερειών κλικ μεταβιβάζεται κανονικά, ωστόσο, μετά τη χρήση του στοιχείου συρταριού, διαπίστωσα ότι η συνάρτηση λεπτομερειών θα κληθεί μόνο μία φορά και ανεξάρτητα από το ποια πληροφορία. εάν κάνετε κλικ στο μέλλον, οι πληροφορίες δεν θα ανανεωθούν. Το πρώτο μήνυμα ανανεώθηκε με επιτυχία. μπορείτε να ανατρέξετε στον παρακάτω κώδικα.

εξάρτημα συρταριού:

  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>

εισαγωγή:

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

Πώς να δείτε λεπτομέρειες:

  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. }

Αυτό είναι.

Όλοι είναι ευπρόσδεκτοι να επικρίνουν, να διορθώσουν ή να έχουν καλύτερους τρόπους επικοινωνίας και μάθησης μαζί!