Need help! How to keep data changes in Router Component(liek sheet?) when load the component again?

HI ALL:

1st, I wanna put some inputs/form inputs in sheet via router, and keep inputs data value changes when load it again and again…
I tried this but not working…

Form Storage Example

also try to use keepAlive, not working…when reload this router componen.

{
path: ‘/open-sheet-ppl1/’,
keepAlive: true,
sheet: {
componentUrl: ‘/uQbKp.html’,
keepAlive: true,
}
},

>  <template> 
>     <div class="sheet-modal sheet-modal-top my-sheet-ppl1"> 
> ....
>  <form class="list form-store-data" id="my-form">
>   <ul>
>     <li>
>       <div class="item-content item-input">
>         <div class="item-inner">
>           <div class="item-title item-label">Name</div>
>           <div class="item-input-wrap">
>             <input type="text" name="name" placeholder="Your name">
>           </div>
>         </div>
>       </div>
>     </li>
> ...

============
noting added in pageInit, do i need something there?
anything i missed?
A sample code will be very helpful, ThankYou!