uniapp 子组件 mounted 刷新

方法一：通过在父组件的`onShow`调用`子组件的方法(请求)` 实现页面的刷新

父组件 html

 <stock :obj="obj"  ref="stock" />

 onShow() {console.log('我是onshow')this.$refs.stock.getData()},

子组件

js 请求的参数必须在data中初始化

data() {return {tableData:{},info:{directorEnabled: JSON.parse(uni.getStorageSync('userInfo')).directorEnabled,managerId:JSON.parse(uni.getStorageSync('userInfo')).branch.managerId,token: uni.getStorageSync('token'),beginTime: 1600854391,endTime:1700854463,displayEnable: false,businesserId:JSON.parse(uni.getStorageSync('userInfo')).directorEnabled?JSON.parse(uni.getStorageSync('userInfo')).id:''},};
},方法：async getData(type){let json = await api.tarvelIndex(this.info)console.log(json,'我是json')if(json.status === 200){json.data.map(item=>{if(item.id = this.obj.id){this.tableData = item}})}
},

方法二：`v通过-if 在父组件中的onShow 创建和 onHide销毁组件`

父组件 html

  <stock :obj="obj"  v-if="flag" />

onShow() {this.flag = true
},
onHide() {this.flag = false
},

子组件正常使用

uniapp 子组件 mounted 刷新相关推荐

Vue父组件mounted执行完后再执行子组件mounted执行顺序问题
文章目录一.vue加载顺序? 二.父组件和子组件 1.封装ip地址框 2.前端从数据库取数据并且赋值 bug 解决方案一.vue加载顺序? 父组件 created 子组件 created 子组件 ...
vue子组件mounted不执行_vue 路由子组件created和mounted不起作用的解决方法
vue 路由子组件created和mounted不起作用的解决方法判断项目是否启用keep-alive 启用使用exclude排除组件(我没有成功不知道为什么) 使用v-if判断(成功解决) 可以 ...
vue子组件mounted不执行_vue 页面回退mounted函数不执行的解决方案
前言最近做项目碰到一个很头大的问题--从a页面跳到b页面进行编辑,编辑完再返回a页面,却没走a页面的钩子函数mounted,数据没有更新经过一番面向百度研究,终于找到了问题所在.接下来就记录一下这 ...
uniapp 子组件 props拿不到数据_谈一谈使用 webpack 开发时，Vue 组件之间的数据传递...
•我们在学习Vue的时候,难免会使用各个组件之间传递数据.•先来介绍一下Vue中组件传递的方式,有父组件传递给子组件数据,子组件传递给父组件数据,父组件直接获取子组件中数据,子组件直接获取父组件数据以 ...
vue子组件mounted不执行_vue中父子组件传值，解决钩子函数mounted只运行一次的问题...
因为mounted函数只会在html和模板渲染之后会加载一次,但是在子组件中只有第一次的数据显示是正常的,所以需要再增加一个updated函数,在更新之后就可以重新进行取值加载,完成数据的正常显示. ...
uniapp 子组件向父组件传值
使用组件可以减少代码的重复率,提高写代码的效率,改起来也方便. 最近在使用uni-app做项目,一套代码多端实现,做些简单的项目还是可以的.废话少说,说说子组件向父组件传值. 子组件获取到值的时候,使 ...
uniapp 子组件 props拿不到数据_Vue组件间的通信
人之间的感情是复杂的以及需要维护的,那么就免不得各种打电话你有多久没有打电话了呢? 你又有多久没有收到电话了呢? 你还记得你的手机来电铃声吗???? 爸爸给儿子打电话 ☎️ 父组件通过使用v-bin ...
uniapp 子组件 props拿不到数据_总结下React组件间的通讯
这是个老话题了. 随着组件化开发成为主流,每个组件都有完善的生命周期,大家可以在生命周期内做一些事情,每个组件有自己的状态管理机制.同时,每个组件都是独立的.这能提高大家的开发效率,规范化开发. 今天 ...
uniapp 子组件 props拿不到数据_Vue组件间的几种通信方式
前言最近在刷面试题时,看见这个问题便做了个总结,欢迎各位补充!!! 为了更好的阅读性,请使用掘金访问 1.props & $emit--适用于父子组件通信父组件通过prop向子组件传递数据 ...

uniapp 子组件 mounted 刷新

方法一：通过在父组件的`onShow`调用`子组件的方法(请求)` 实现页面的刷新

方法二：`v通过-if 在父组件中的onShow 创建和 onHide销毁组件`

uniapp 子组件 mounted 刷新相关推荐

最新文章

热门文章

uniapp 子组件 mounted 刷新

方法一：通过在父组件的onShow调用子组件的方法(请求) 实现页面的刷新

方法二：v通过-if 在父组件中的onShow 创建和 onHide销毁组件

uniapp 子组件 mounted 刷新相关推荐

最新文章

热门文章

方法一：通过在父组件的`onShow`调用`子组件的方法(请求)` 实现页面的刷新

方法二：`v通过-if 在父组件中的onShow 创建和 onHide销毁组件`