vue3?? ID? ?? ? ????? ??? ??? ??????

vue3? ???? ?? ??? ?? ??? ??? ? ??? ??????. ? ???? ID? ????? ??? ?? ?? ???? ?? ? ??? ?? ??? ???? ?? ?? ? ???? ?? ?? ?? ? ???? ?????. ? ??? ? ???? MEG_ID? ????? ?? ? ? MEG_ID? ???? ??? ???? ??? ??? ?? ?? ?????.

??? ??? ?? ?????. ????? ?? ????? ? ?? ???? ?? ? ? ? ?? ???? ?? ? ? ? ?? ???? ?? ??? ????? ? ?? ???? ?? ?? ? ???? ?? ??? ??? ??????? ????.

??? ?? ?? ???????.

?? ?? ?? ??

 
<div class="Chat-container" v-if="propss.dialogdata.showeditContent && ChangesGid">
    <div class="Chat-input-box">
        <div class="?? ??" v-loading="ContmentLoading">
            <el-input ref="textInput" id="?? ??" v-model="editContent" type="textArea" t></el-input>
        </div>
    </div>
    <div class="Input-Tips">
        ESC Key <span class="pub-color"> ?? </span> · key <span class="pub-color"> ?? </span>? ??????
    </div>
</div>
<div v-else : class="[ 'DC-Chat-Content', props.dialogdata.author.bot? 'dc-Chat-Bot-Content': '']">
    
    <el-popover placement="right" : visible="toolsvisible" offset="1" show-arrow="false" popper-class="Custom-Popper">
        <div v-if="! props.dialogdata.Checked" class="more">
            <el-button-group>
                <el-tooltip v-for="menuitems? ??" : key="item.id" effect="dark" content="item.title" placement="top">
                    <el-button : icon="item.icon" size="small" disabled></el-button>
                </el-tooltip>
            </el-button-group>
        </div>
        <p> ?? ?? ??? ???? ?? :</p>
<pre class="brush:php;toolbar:false"> const props = defineprops <dcdialogitemprops> ()
const emit = defineemits  ()
const menuitems = [
  {
    ID : '1',
    ??? : '??',
    ?? : $ t ( 'text_multiple_choice')
  },
  {
    ID : '2',
    ??? : '??',
    ?? : $ t ( 'btn_edit')
  },
  {
    ID : '3',
    ??? : 'chatdotsquare',
    ?? : $ t ( 'btn_reply')
  }
]]

// ?? ?? ?? ?? ?? ??? const editContent = ref ( '')
const changesgid = ref ( '')
const currentediting = ref (false) // ??? const handleSelect? ????? ??? ???? ? ????? = (val : String) => {
  if (val === '1') {
    props.dialogdata.checked = true
  } else if (val === '2') {
    console.log ( '-handleSelect --- 2', props.dialogdata);
    props.dialogdata.isediting = true
    currentediting.value = false
    editContent.Value = props.dialogdata.content
    changesgid.value = props.dialogdata.msg_id
  }
  Emit ( 'menuclick', val, props.dialogdata)
}</dcdialogitemprops>

?? ?? ?? ??

 <dcdialogitem v-for="Messagelist? ??" : key="item.msg_id" dialog-data="??" id=" 'msg'item.msg_id"></dcdialogitem>

Messagelist? ??? ??? ??? ????.

 [? ?
    {
        "msg_id": "1276491426334769232",
        "???": "?, ? ???",
        "??": ??
    },
    {
        "msg_id": "127649328422701702",
        "???": "Asdasdaasdsadasd",
        "??": ??
    },
    ... ??]

?? ?? ??? ???? ?? :

 const handlemenuclick = (val : string, dialogdata : any) => {
  if (val === '1') {
    Messagelist.value.foreach ((??) => {
      item.checked = true
    })
    showrecords.value = true
    showreplymsg.value = false
    dialogdata.showeditContent = false
  } else if (val === '2') {
    showreplymsg.value = false
    Replauthor.value = ''
    showrecords.value = false
    dialogdata.showeditContent = true
  } else if (val === '3') {
    showreplymsg.value = true
    dialogdata.showeditContent = false
    ReplyAuthor.Value = DialogData.author.username
    ReplyContent.Value = DialogData.Content
  }
}

? ??? ???? ?? ?? ?? ???? ? ?? ShowitContent ??? ?? ?? ??? ???? ??? ????. ???? ???? HandleMenuclick ??? ???? ??? True? ?????. ??? ??? ?? ???? ?? ??? ?? ????.

?? ??? ? ??? ???? ????? ? ???? ?? ? ? ?? ?? ???? ShowitContent? False? ???????. ??? ?? ?? ?? ??? HandleMenuclick ??? ??? ? ????.

 const handlemenuclick = (val : string, dialogdata : any) => {
  if (val === '1') {
    Messagelist.value.foreach ((??) => {
      item.checked = true
      item.showeditContent = false
    })
    showrecords.value = true
    showreplymsg.value = false
  } else if (val === '2') {
    Messagelist.value.foreach ((??) => {
      item.showeditContent = false
    })
    showreplymsg.value = false
    Replauthor.value = ''
    showrecords.value = false
    dialogdata.showeditContent = true
  } else if (val === '3') {
    Messagelist.value.foreach ((??) => {
      item.showeditContent = false
    })
    showreplymsg.value = true
    ReplyAuthor.Value = DialogData.author.username
    ReplyContent.Value = DialogData.Content
  }
}

?? ??? ?? ? ???? ???? ?? ? ??? ?? ???? ?? ??? ???? ?? ??? ? ??? ?????. ?? ??? ID? ????? ?? ???? ???? ?? ?? ? ???? ?? ?? ? ?????.