Vue 3에서 양식 구성 요소를 만들었으며 양방향 바인딩에 대한 이해와 Vue가 이전 작업에서 예상했던 방식을 바탕으로 참조 개체를 입력 요소에 바인딩하려고 합니다. 모든 변경 사항은 "onChange" 반응 이벤트를 트리거하여 React 구성 요소와 관련된 조작 없이 직접 개체에 대한 참조에 영향을 미칩니다.

그러나 참조된 개체를 출력하는 함수를 실행하기 위해 "저장" 버튼을 클릭하면 원래 로드된 값만 유지되고 입력에서 변경한 내용은 유지되지 않는 것 같습니다. 누구든지 이유를 설명할 수 있나요?

이것은 내 구성 요소의 코드입니다. 팝업 창에 로드됩니다.

<스크립트 설정 lang="ts"> '@/models/activity'에서 가져오기 유형 { 활동 }; "vue"에서 { ref } 가져오기;; '../../common/Button.vue'에서 버튼 가져오기; 정의Emits([ "닫힌 형식" ]); const props = 정의Props<{ 제목?: 문자열, 활동?: 활동, editMode: 부울 }>(); constinitialState=props.activity?? { ID: '', 제목: '', 범주: '', 설명: '', 날짜: '', 도시: '', 장소: '' } const currActivity = ref(initialState); const handlerSubmit = () => { console.log(currActivity.value); } // const handlerInputChange = (이벤트: 이벤트) => { // const {name, value} = event.target as HTMLInputElement; // console.log(이름, 값); // // currActivity.value[이름] = 값; // }  <템플릿> <양식 class="그리드 그리드-열-5 간격-4MB-8" @submit="handleSubmit" 자동완성="해제" >
      
 {{ 제목 }}< h2> <입력 유형="보내기" placeholder="Venue" :value=""currActivity.venue"" 이름=""장소""  v-else 양식> 템플릿>< pre> <p>您可能会注意到我的脚本中的注释函数.我尝试复数.我尝试复算 react 方处理使用输入元素上的“@change”触发的更改事件的更来我删除了它们，因为这似乎不起작품용。我保留了评论功能，但以防万一有人发现它有助于查找问题。< p> < div>
       <div class="share flexRow">
        <div class="shareReply flexColumn shareDiv">
         <a href="javascript:;"><img class="sharerImg" src="//m.sbmmt.com/static/images/images/icon50.png" data-id="1"></a>
         <span class="sharerSpan">1</span>
        </div>
        <div class="shareLike flexColumn shareDiv" onclick="ask_comment_good(171687)">
         <a href="javascript:;"><img class="sharerImg" src="//m.sbmmt.com/static/images/images/icon52.png" data-id="2"></a>
         <span class="sharerSpan">0</span>
        </div>
        <div class="shareLDz flexColumn shareDiv dzdiv dzdiv1 askgoodICollection" data-id="171687">
         <a href="javascript:;"><img class="sharerImg " src="//m.sbmmt.com/static/images/images/icon37.png" data-id="5"></a>
         <span class="sharerSpan">0</span>
        </div>
       </div>
       <div id="commentinput" class="info detail-comment-input layui-hide-sm">
        <div class="detail-ci-avator">
         <img src="//m.sbmmt.com/static/images/user_avatar.jpg" alt="P粉354602955">
         <div class="detail-r">
          <span class="detail-name">P粉354602955</span>
          <p class="detail-signal"></p>
         </div>
        </div>
        <div id="js-reply-wrap">
         <div id="js-reply-editor-box" class="wd-comment-box js-ci-inner edui-imooc"></div>
         <div class="qa-ci-footer">
          <div class="qa-ci-footright">
           <button id="js-wenda-ci-submit" class="detail-btn" data-qid="171687">회신하다</button>
          </div>
         </div>
        </div>
       </div>
       <div id="pinglundeplace" class="allReply ask-reply-all-list comments-content">
        <div class="arTop flexRow">
         <div class="artLeft flexRow fontBold fontColor1">
          모든 응답
          <b class="artlb colorGrey">(1)</b>
         </div>
         <button class="artBtn ask-comment-answer gbaskcommentanswer">나는 대답할 것이다</button>
         <button class="artBtn ask-comment-answer gbaskcomment">닫다</button>
        </div>
        <div class="allReplayLine"></div>
        <div class="wdsyConDiv flexRow ask_top_ul">
         <img src="//m.sbmmt.com/static/images/user_avatar.jpg" alt="P粉609866533" class="wdcdImg">
         <div class="wdcdContent flexColumn">
          <div class="wdcdContentReply">
           <div class="wdxqrcTop flexRow">
            <a href="//m.sbmmt.com/ko/member/1272196.html" target="_blank" class="wdcdcName">P粉609866533<b class="wdxqRcT colorGrey">2023-09-05 10:34:30</b></a>
            <span class="wdxqrcTopspan colorGrey">1층</span>
           </div>
           <div class="wdcdcCons">
            <p>양방향 바인딩에는<code>v-model</code>而不是<code>:value</code>를 사용해야 합니다.</p>으아악
           </div>
           <div class="wdcdcInfo flexRow">
            <a href="javascript:ask_reply_good(255308)"><img class="wdxqindz" src="//m.sbmmt.com/static/images/images/icon27.png"></a>
            <span class="wdxqindzspan">좋다<b>+0</b></span>
            <div class="wdcdcileft">
             <a href="javascript:;" class="wdcdciSpan reply openreply">답글 추가</a>
             <a href="javascript:;" class="wdcdciSpan reply closereply" style="display:none">关闭回复</a>
            </div>
           </div>
           <div class="wdcdContentReplyss" style="display: none;">
            <div class="reply textarea-con">
             <div class="replyTop flexRow">
              <div class="retLeft flexRow">
               <img src="//m.sbmmt.com/static/images/user_avatar.jpg" class="retlAvatar">
               <span class="retlName">P粉354602955</span>
              </div>
             </div>
             <textarea class="replaytext colorGrey" id="release-reply" placeholder="답장을 적어보세요">
             회신하다