Teknologian jakaminen

Vue3:n laatikkokomponentti ei voi toistaa tietoja uudelleen

2024-07-12

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

Kun vetolaatikkoa ei käytetä, tiedot voidaan kaiuttaa normaalisti ja napsautustiedot välitetään normaalisti. Vetolaatikkokomponentin käytön jälkeen huomasin kuitenkin, että tiedot -toimintoa kutsutaan vain kerran, riippumatta siitä, mikä tieto napsautetaan jatkossa, tietoja ei päivitetä, mutta tunnus päivitettiin myöhemmin. voit viitata seuraavaan koodiin.

laatikon komponentti:

  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>

tuonti:

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

Näin näet tiedot:

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

Se siitä.

Kaikki ovat tervetulleita kritisoimaan, korjaamaan tai etsimään parempia tapoja kommunikoida ja oppia yhdessä!