社区
非技术区
帖子详情
vue父组件调用子组件的问题
zzyhost
2020-12-16 03:45:55
如图,红框处为啥是train-city???可name子组件得name是trainCity呀
...全文
2895
2
打赏
收藏
vue父组件调用子组件的问题
如图,红框处为啥是train-city???可name子组件得name是trainCity呀
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
console.log( )
2020-12-17
打赏
举报
回复
官方文档写的清清楚楚 自己去看看
Quasidomo
2020-12-16
打赏
举报
回复
vue
父
组件
调
子
组件
方法_
vue
父
组件
调用
子
组件
有哪些方法
这次给大家带来
vue
父
组件
调用
子
组件
有哪些方法,
vue
父
组件
调用
子
组件
的注意事项有哪些,下面就是实战案例,一起来看一下。情景:
父
组件
中引入上传附件的
子
组件
:点击
组件
可以分别上传对应要求的图片,
子
组件
内部循环可创建多个模块.
父
组件
传入数组
子
组件
循环来创建不同的
组件
模块,所有事件都在
子
组件
内部.
父
组件
页面的上方同时有一个上传图片按钮上传图片后会显示在第一个模块:设想思路:点击
父
组件
中的按钮触发
子
组件
中...
vue
父
组件
调用
子
组件
的方法
vue
父
组件
调用
子
组件
的方法
vue
父
组件
调用
子
组件
中的函数的两种方法
参考链接:
vue
父
组件
调用
子
组件
函数的两种方法https://www.jianshu.com/p/94c36323f733 1.$on $emit的组合使用
父
组件
调用
子
组件
的函数,所以
父
组件
中使用emit("函数名",传递的参数);
子
组件
中监听此函数使用emit("函数名",传递的参数);
子
组件
中监听此函数使用emit("函数名",传递的参数);
子
组件
中监听此函数使用on(“函数名”,res=>{执行函数});res即为
父
组件
传递给
子
组件
的参数。 2.直接
调用
举例如下:
父
组件
<temp
Vue
父
组件
调用
子
组件
的方法
vue
中如果
父
组件
想
调用
子
组件
的方法,可以在
子
组件
中加上ref,然后通过this.$refs.ref.method
调用
,例如:
父
组件
: <template> <div @click="fatherMethod"> <child ref="child"></child> </div> </template> <script> import child from '~/components/dam
vue
父
组件
调用
子
组件
方法
vue
父
组件
调用
子
组件
方法 比如,
父
组件
有一个弹窗
组件
,在
子
组件
里定义自己的显示隐藏效果,
父
组件
调用
。 通过ref
调用
子
组件
的方法
父
组件
代码 <template> <div> //
父
组件
点击事件 <el-button type="primary" @click="parentOpenDialog">打开弹窗</el-button> //
父
组件
使用
子
组件
,写上ref="" <dialog ref="dialog
非技术区
2,100
社区成员
37,371
社区内容
发帖
与我相关
我的任务
非技术区
Web 开发 非技术区
复制链接
扫一扫
分享
社区描述
Web 开发 非技术区
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章