数据显示在vue控制台中，但未返回到网页

Question

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)
                },

console.log（this.testmsg）=>嗨

上传图像后，值Hi不会出现在网络上。

已附加图片。 控制台窗口结果和场景不会显示在网络上。

这是控制台窗口的结果。

内容：未显示任何值。

Answer 1

testmsg中没有data属性。应该是：

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