uniapp父组件调用子组件方法

 时间:2024-10-15 02:30:39

1、在已创建好的uni-app项目中,新建子组件child.vue

uniapp父组件调用子组件方法

2、打开子组件child.vue,插入view和switch,并添加样式类

uniapp父组件调用子组件方法

3、接着在methods中,定义子组件方法queryData,打印对应的内容

uniapp父组件调用子组件方法

4、在父组件index.vue文件中,导入子组件并在页面中引用

uniapp父组件调用子组件方法

5、添加一个按钮,绑定点击事件addCmn;然后在这个事件中,调用子组件方法queryData

uniapp父组件调用子组件方法

6、保存代码并编译,打开微信开发者工具,在模拟器查看效果

uniapp父组件调用子组件方法

7、点击界面上的查询按钮,打开浏览器控制台,查看打印结果

uniapp父组件调用子组件方法
  • win10系统的控制面板在哪里
  • epic games登录界面全黑只有设置怎么解决
  • 显示器显示的画面花屏或模糊怎么办?
  • win10怎么调节通知和操作里的快速操作
  • GG怎么验证获取进程
  • 热门搜索
    小学四年级手抄报 国庆节手抄报简单又漂亮字少 心理健康手抄报花边 关于友善的手抄报 手抄报中秋 祝福祖国手抄报 感恩老师手抄报句子 健康饮食手抄报内容 白衣天使的手抄报图片 双节手抄报