1 line
1.5 KiB
JavaScript
1 line
1.5 KiB
JavaScript
import{$ as e,Ht as t,Kt as n,M as r,T as i,U as a,a as o,c as s,et as c,it as l,q as u,t as d,ut as f,v as p,w as m,wt as h,x as g}from"./_plugin-vue_export-helper-Ktpf6lZe.js";var _=n({default:()=>w});h(),r(),o(),l();var v={class:`detail-page`},y={class:`detail-title`},b={class:`detail-sub`},x={class:`detail-card`},S={class:`detail-field`},C={class:`detail-row`},w=d({__name:`DetailPage`,props:{id:{type:[String,Number],default:``}},setup(n){let r=f(``),o=f(0);return(l,d)=>{let f=u(`Button`);return a(),g(`div`,v,[p(`h1`,y,`详情页 #`+t(n.id),1),p(`p`,b,[d[2]||=m(` 当前路由：`,-1),p(`code`,null,t(l.$route.fullPath),1)]),p(`div`,x,[d[5]||=p(`p`,{class:`detail-hint`},[m(` 本页每个 `),p(`code`,null,`id`),m(` 是`),p(`strong`,null,`独立缓存`),m(`：切换 / 关闭后再回到相同 `),p(`code`,null,`id`),m(`，下方输入内容与计数会保留；不同 `),p(`code`,null,`id`),m(` 之间互不影响。 `)],-1),p(`label`,S,[d[3]||=p(`span`,null,`测试输入（验证缓存隔离）`,-1),c(p(`input`,{"onUpdate:modelValue":d[0]||=e=>r.value=e,class:`detail-input`,placeholder:`输入点什么，再切换页签回来看看`},null,512),[[s,r.value]])]),p(`div`,C,[i(f,{type:`primary`,onClick:d[1]||=e=>o.value+=1},{default:e(()=>[m(`计数 +1（当前 `+t(o.value)+`）`,1)]),_:1}),d[4]||=p(`span`,{class:`detail-tip`},`关闭本页签再重开，计数归零说明缓存已销毁；保留说明命中缓存。`,-1)])])])}}},[[`__scopeId`,`data-v-a53f8203`]]);export{_ as n,w as t}; |