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