vue数据更改后视图不刷新

Question

<template>
    <div>
        <input class="input" v-model="svalue"/>
    </div>
</template>
exportdefault {
    data() {
        return {
            svalue:''
        }
     },
     mounted() {
        let _this = this
        _this.$nextTick(function() {
        _this.$EventBus.$on('SendValue', function(data) {
            console.log('接受',data)//此处有值
            _this.svalue=data //赋值
            console.log(_this.svalue)//此处已打印出值，数据更新了，为什么视图不更新，和作用域有关吗
         })
        })
     }
}

Answer 1

<template>
    <div>
        <input class="input" v-model="svalue"/>
    </div>
</template>
exportdefault {
    data() {
        return {
            svalue:''
        }
     },
     mounted() {
        this.$EventBus.$on('SendValue', data => {
            this.svalue = data //赋值
         })
     }
}

Answer 2

用this.$set()试试
或者把_this换成that试试