el-dialog组件无法跟新视图上的数据

<el-dialog title="提示" :visible.sync="dialogVisible" width="30%">
<div>****
<p>这是一段信息 {{ info }}</p>

<div @click="changeValue">点击我</div>
</div>****

<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="dialogVisible = false">确 定</el-button>
</span>
</el-dialog> data() {
return {
dialogVisible: false,
info: "123"
}
},
methods: {
changeValue() {
this.info = "我改变了你"

//在这个请求中 有些时候 无法跟新视图上的数据。
this.axios
.get("http://127.0.0.1:667/account")
.then(res => {
if (res.status == 200) {
window.console.log(res);//解决了跨域哈

//赋值不成功
this.info = ""

//解决办法，给一个计数器，因为这个弹框是有延迟的哈。
//给一个定时器就能够解决的哈****
setTimeout(()=>{
this.info = ""
},200)

}
})
.catch(err => {
window.console.log(err);
});
}
}

遇见问题，这是你成长的机会，如果你能够解决，这就是收获。

作者：​​晚来南风晚相识​​​

本文版权归作者所有，欢迎转载，未经作者同意须保留此段声明，在文章页面明显位置给出原文连接

如果文中有什么错误，欢迎指出。以免更多的人被误导。