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