VUE父页面调用子页面方式

本人新接触VUE 在写项目的时候需要父页面来调用子页面的方法在网上查了资料后解决了问题分享出来希望可以帮助和我一样的萌新上图是在父页面中引用了子页面第一步我们需要在标签上添加ref最后一步在需要调用子页面方法的地方调用即可this.$refs.定义好的ref名称.需要调用的方法名称希望能够帮助大家让我们一起学习一起进步！...

沐枫丶

14184人浏览 · 2019-12-25 09:49:45

沐枫丶 · 2019-12-25 09:49:45 发布

本人新接触VUE 在写项目的时候需要父页面来调用子页面的方法

在网上查了资料后解决了问题分享出来希望可以帮助和我一样的萌新

上图是在父页面中引用了子页面

第一步我们需要在标签上添加ref

最后一步在需要调用子页面方法的地方调用即可

this.$refs.定义好的ref名称.需要调用的方法名称

希望能够帮助大家让我们一起学习一起进步！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^