Javascript 在v-textarea vuetify上拖放

我正在尝试在vuetify v-textarea上实现一个简单的拖放。我遇到了一个问题，一旦我点击v-textarea，它就会删除掉的组件中的值。我甚至不知道这是我的代码造成的，还是vuetify v-textarea功能无法提供。我在下面提供一个片段

模板

<v-textarea outlined dense @drop="drop($event)" @dragover="allowDrop($event)" placeholder="Paragraph" v-model="_paragraph"/>


<v-btn outlined dense color="#0057AD" draggable="true" @dragstart="drag($event)" :value="'{{date}}'">Date</v-btn>
        

---

提前感谢

您忘了更新

drop（）方法中的
\u段落
变量

drop（事件）{
event.target.value+=event.dataTransfer.getData（“文本”）；
this.setText（event.target.value）；
此._段落=event.target.value；//更新_段落的值。
}


此外，在
段落
变量前面加上下划线可能会导致错误。但是，您仍然可以通过
$data.\u段落
访问它，但我建议您完全删除下划线。更干净。
谢谢，先生，这解决了我的问题：）谢谢卡巴扬！
    /*
    * To get the value from dragged element
    *
    * @return void
    */
    drag(event){ event.dataTransfer.setData("text", event.target.value); },

    /*
    * To set the value from dragged element into an object 
    *
    * @return void
    */
    drop(event){ 
        event.target.value += event.dataTransfer.getData("text");
        this.setText(event.target.value);
    },
    
    /*
    * To prevent some actions when dropping value
    *
    * @return void
    */
    allowDrop(event){ event.preventDefault() },