el-dialog组件无法跟新视图上的数据
2023-09-27 14:22:17 时间
<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);
});
}
}
相关文章
- FancyScrollView通用UI组件
- OLAP引擎:基于Druid组件进行数据统计分析
- 数据源管理 | 基于DataX组件,同步数据和源码分析
- 微信小程序 - 上拉加载更多组件
- 一文讲清楚Vue2组件通信
- 【Vue3】通过provide和inject实现【祖组件与子组件】数据传参
- 大数据组件的主要计算引擎总结zz
- iview日期组件取一个时间区间
- 【微信小程序】-- 自定义组件 - 数据监听器 (三十四)
- Flutter移动电商实战 --(6)dio基础_Get_Post请求和动态组件协作
- Angular从零到一2.1 对于login组件的小改造
- vue父组件触发子组件方法
- Android开发工程师文集-提示框,菜单,数据存储,组件篇
- XamarinAndroid组件教程设置动画的时长参数
- 《Storm技术内幕与大数据实践》一1.1 Storm的基本组件
- Element-ui组件库Table表格导出Excel表格--存在重复数据问题-----建议前端不做导出逻辑,应该是后端做处理
- 浅析Vue3中如何通过v-model实现父子组件的双向数据绑定及利用computed简化父子组件双向绑定
- 浅析Vue3相关基础知识点:setup()入口函数、ref()定义响应式数据、reactive()定义多个响应式数据-深层的、toRefs()转换为每个属性都是一个ref、computed()计算属性、watch()监听数据、watchEffect()监听数据变化执行回调、生命周期对比、provide/inject跨层级组件通信
- 基于 STM32CubeMX 添加 RT-Thread 操作系统组件(九) - 信号量
- 大数据组件常见压缩策略和存储格式
- 【Unity3D】碰撞体组件Collider
- Delphi(Tuxedo,BDE,ADO)三合一数据集组件HsTxQuery
- excel/csv/pdf数据化组件导出和下载-Array-专题视频课程
- Ambari组件状态从MySQL同步到SQLServer或者MySQL
- [转]vue Element UI走马灯组件重写