vue调用组件内部的方法

2025-05-05 21:46:41

1、首先我们在一个页面,将其作为子组件,内部包含属性和方法(validateForm)

vue调用组件内部的方法

2、在父页面(父组件)上,我们通过import命令将其导入进来,在<script争犸禀淫></script>中添加如下代码即可

vue调用组件内部的方法

3、需要在export的components中添加对应的组件,组件名称为import命令后的参数信息

vue调用组件内部的方法

4、我们在dom元素相应位置添加组件即可,可以通过标签<组件名称><组件名称/>引入,关键的是需要添加ref,组件信息

vue调用组件内部的方法

5、我们在父页面相应方法出,通过命名vm.$refs.组件信息.子组件方法名称 就能访问组件的方法

vue调用组件内部的方法

6、我们通过前台F12家加断点的方式调试,看下方法是否调用,如下图所示。

vue调用组件内部的方法
vue调用组件内部的方法
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢