Cad é an comhpháirt Teleport?

Question

Accepted Answer

Léiríonn `` marcshuim an chomhpháirt ag áit **dhifriúil sa DOM** ó áit a bhfuil sé fhógra déanta sa do chrann comhpháirtí — agus é a choimeád go loighciúil mar chuid den chomhpháirt (oibríonn an t-imoabritheacht, na props, na heachtraí ar fad i gcónaí). ## An fhadhb a réitíonn sé Is minic a chaithfidh modhail, tóltáin, agus fógraí a bheith ina **leanbh díreach de ``** chun fadhbanna CSS a sheachaint — is féidir le `overflow: hidden`, `transform`, nó comhthéacs stáca `z-index` tuismitheora gearradh nó droch-dhréim a dhéanamh ar mhódal. Ach go loighciúil, baineann an módal leis an chomhpháirt a spreagann sé. ## Teleport a Úsáid ```vue ``` Bogtar marcshuim an mhódail **ar shiúl** chun a bheith ina leanbh de `` sa fhíor-DOM, ag foluain ó thuismitheora ar bith atá ag gearradh nó ag stáca — ach coinníonn `open`, `@click`, agus aon prop ar fad imoabritheach, toisc go loighciúil tá sé i gcónaí mar chuid den chomhpháirt seo. ## Cén fáth a raibh "to body" socruithe fabht ```text Without Teleport: With Teleport to="body":

... ← clipped/trapped ← free, on top of everything ``` Ag foluain ó na sinnsireacha gafa, is féidir leis an módal an viewport ar fad a chlúdach go iontaofa agus a bheith os cionn gach ábhar eile le `z-index` inbhuanaithe. ## Is féidir leis an sprioc a bheith ina roghnóir ar bith ```vue ... ... ``` ## Cén fáth a bhíonn tábhacht air Tugthainn Teleport réiteach gheal ar an fhadhb CSS clasaiceach de dhreach-imircigh (modhail, tóltáin, soilsithe, droichead titim) a bheith gearrtha nó droch-chúrsáilte ag a sinnsir DOM. Ligann sé duit an drí-imircigh a scríobh áit ar a bhfuil sé loighciúil a bhain (taobh istigh den chomhpháirt a spreagann sé, le himoabritheacht iomlán) agus é a scaoileadh áit ar a bhfuil sé ina dhíobháil sa DOM (go hiondúil ``). Is ionann é agus coibhéal Vúe le haghaidh React portals — an bealach caighdeánach, socrúchúnach chun UI droichlea a thógáil.