vue调用组件内部的方法

 时间:2024-10-25 09:37:57

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调用组件内部的方法
  • 夸克浏览器怎么更改UA设置
  • 很燥如何入静
  • vs2013出现应用程序中的服务器错误解决方法
  • 详解MongoDB如何更新文档 ( 增加和删除属性 )
  • 投资者应该具备哪些心理素质?
  • 热门搜索
    旅游景点排行榜 大连旅游局 蓟县旅游景点 沧州旅游景点 欧洲旅游指南 绍兴旅游团 外出旅游注意事项 去丽江旅游要多少钱 马六甲旅游 翡翠岛旅游攻略