直接用ref控制子组件弹框的开启

简介: 直接用ref控制子组件弹框的开启

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷


导语

如何直接通过父组件直接改变子组件的状态




编辑


子组件

<RestoreSettlement onRef={(node) => (this.RestoreSettlement = node)} handleSuccessful={this.handleSuccessful} />

1.

直接


this.RestoreSettlement.setState({ showModal: true, codeList: selectedRowKeys, title: title, url: url, }); };

1.

总结

父直接控制子组件的弹出框的开启 nice 直接setstate









相关文章
|
JavaScript 前端开发
vue中在父组件点击按钮触发子组件的事件
vue中在父组件点击按钮触发子组件的事件
717 0
vue中在父组件点击按钮触发子组件的事件
|
24天前
|
监控 JavaScript 开发者
在 Vue 中,子组件为何不可以修改父组件传递的 Prop,如果修改了,Vue 是如何监控到属性的修改并给出警告的
在 Vue 中,子组件不能直接修改父组件传递的 Prop,以确保数据流的单向性和可预测性。如果子组件尝试修改 Prop,Vue 会通过响应式系统检测到这一变化,并在控制台发出警告,提示开发者避免这种操作。
|
4月前
|
开发框架 监控 前端开发
使用Vue-TreeSelect组件的时候,用watch变量方式解决弹出编辑对话框界面无法触发更新的问题
使用Vue-TreeSelect组件的时候,用watch变量方式解决弹出编辑对话框界面无法触发更新的问题
|
4月前
uniapp实战 —— 轮播图【自定义指示点】(含组件封装,自动注册全局组件,添加全局组件类型声明)
uniapp实战 —— 轮播图【自定义指示点】(含组件封装,自动注册全局组件,添加全局组件类型声明)
228 1
输入框禁用状态 可清空输入框如何实现?组件写的
输入框禁用状态 可清空输入框如何实现?组件写的
|
6月前
|
人工智能 JavaScript 前端开发
sync修饰符-子组件修改父组件属性
sync修饰符-子组件修改父组件属性
|
6月前
|
JavaScript
如何使用`watch`选项来监听特定属性的变化?
如何使用`watch`选项来监听特定属性的变化?
44 0
|
6月前
|
JavaScript 前端开发 Java
若依框架---选中某值 其他值自动回调填充
若依框架---选中某值 其他值自动回调填充
196 0
添加子控制正确姿势
添加子控制正确姿势
27 0
|
中间件
Nuxt处理全局组件的显示与隐藏
在Nuxt开发过程中,大家会遇到需要控制全局组件的显示与隐藏。比如说移动端的路由导航栏、头部的返回操作。。。 为了使切换页面的同时,确定是否展示全局组件,保证页面展示的平稳过渡。 下面是我在项目中用到一个办法,已实现。
252 0

相关实验场景

更多
下一篇
无影云桌面