Vue.js 数据显示在vue控制台中，但不会返回到网页

FileUpload.vue

<template>
<div>
   <vue-dropzone
           :options="dropzoneOptions">      
      <div class="dropzone-custom-content" id="custom">
        <h3 class="dropzone-custom-title">Drag & Drop</h3>       
      </div>
   </vue-dropzone>
    <div>
        Content: {{testmsg}}
    </div>
</div>
</template>

<script>
import vue2Dropzone from "vue2-dropzone";
import 'vue2-dropzone/dist/vue2Dropzone.min.css'
export default {
    components: {
        vueDropzone: vue2Dropzone,
    },
    data() {
        return {
            dropzoneOptions: {
                url: 'http://localhost:5000/',
                method: "post",
                maxFiles: 1,
                thumbnailWidth: 300,
                maxFilesize: 500,
                success: function (file, responejson) {
                    this.msg = responejson
                    console.log(this.msg)
                    this.testmsg='Hi'
                    console.log(this.testmsg)
                },

拖放
内容：{{testmsg}}
从“vue2 dropzone”导入vue2 dropzone；
导入“vue2 dropzone/dist/vue2 dropzone.min.css”
导出默认值{
组成部分：{
vueDropzone:vue2Dropzone，
},
数据（）{
返回{
dropzoneOptions：{
网址：'http://localhost:5000/',
方法：“张贴”，
maxFiles:1，
指钉宽度：300，
最大文件大小：500，
成功：函数（文件，responejson）{
this.msg=responejson
console.log（this.msg）
这个。testmsg='Hi'
console.log（this.testmsg）
},

console.log（this.testmsg）=>Hi

上载图像后，值Hi不会出现在web上

附上图片。 控制台窗口结果和场景不会出现在web上

这是控制台窗口结果

---

内容：不显示任何值。

数据中没有

testmsg

属性。它应该是：

data: () => ({
    testmsg: '',
    dropzoneOptions: {
          // rest of your code
     }
})

---

您可以声明let$this=this。然后将this.testmsg更改为$this.testmsglet$this=this吗？我应该在哪里声明？让$this=this将它放在success函数中，然后将success函数中的所有内容更改为$this。顺便说一句，您也可以更改它，它不一定是$this，您可以随时更改它。@Renato Manalili仍然没有响应您是如何呈现testmsg的？您有vue开发工具吗？它还可以帮助您查看testmsg是否已收到数据。

success（file，responejson）{this.msg=responejson console.log（this.msg）}

如何从drop zone返回msg数据？看起来您要做的是将dropzone内容移动到方法中，而不是移动到数据中。这可能吗？是否可能成功演示