首页 > 其他分享 >VUE 使用中的知识点记录

VUE 使用中的知识点记录

时间:2022-08-30 10:59:15浏览次数:52  
标签:知识点 VUE 记录 refreshQueryDate 调用 组件 方法

父子组件的调用

子组件调用父组件的方法(或数据)

1 this.$parent.refreshQueryDate();

其中refreshQueryDate是父组件的方法,如果方法有参数,就可以通过调用方法去设置父组件的数据

父组件调用子组件的方法(或数据)

<template>
    <div>
        <Child ref="child"/>
    </div>
</template>  

1.首先需要给子组件的引用加上ref属性

this.$refs.child.sing();

2.然后就可以通过上面的方式调用子组件的sing方法,如果该方法有参数,也可以通过这种方式修改子组件的数据。

 

标签:知识点,VUE,记录,refreshQueryDate,调用,组件,方法
From: https://www.cnblogs.com/gamov/p/16638471.html

相关文章

  • vue父子页面传值
     转:vue内置动态组件component使用详解 Vue父页面和子页面的数据传递<来自转载> ......
  • vue3 - 封装图表组件
      把相同或者类似的图表进行封装父组件使用:<Report:info="main4":xdata="RXData4":sdata="RSData4":title="title4"......
  • 方法和事件绑定;vue的核心思想?(面试题)
    事件1.方法的写法在methods中写方法,供事件或者别的方法内部调用2.事件绑定v-on:和@都是绑定事件的指令v-on:click -->@click指令后面跟事件类型,值就是methds......
  • Vue上传多个文件
    首先现在form表单中定义上传组件,<el-form-itemprop="files"><el-uploadclass="upload-demo"action="#":auto-up......
  • vue点击回到顶部
     回到顶部实现过程注解:    1.获取当前页面距离顶部的距离    2.计算出每次向上移动的距离,用负的滚动距离除以5,因为滚动的距离是一个正数,想向上移动就......
  • vue PC端调用摄像头实现人脸识别
    一、思路vue打开摄像头获取视频流数据->截取视频流通过canvas绘制图片->图片传到服务器识别(后端使用的是阿里的人脸识别api)二、直接上代码<template><divclass="fac......
  • java 线程池 学习记录
    线程池构造函数参数有哪些核心线程池最大线程数空闲非核心线程存活时长空闲非核心线程存活时长单位阻塞队列线程生产工厂拒绝执行处理类execute和s......
  • java并发 学习记录
    哪些方法会抛出InterruptedException异常?Thread类怎么处理异常可以在Thread中设置异常处理类(实例方法)--setUncaughtExceptionHandlerThread.interupt()方法可以......
  • vue3项目-小兔鲜儿笔记-首页03
    1.面板封装提取首页的公用面板进行复用头部标题和副标题由props传入右侧内容由具名插槽right传入查看更多封装成全局组件主体由默认插槽传入......
  • 【Vue面试题】谈谈你对Vue的diff算法的理解
    1diff算法到底是什么?diff算法是一种通过同层的树节点进行比较的高效算法,它可以不用频繁操作DOM,而是选用虚拟DOM节点操作,说人话就是专门用来处理虚拟DOM节点的。2操作......