重生1968,石决明散,k768
在父组件中调用子组件的方法:
1.给子组件定义一个ref属性。eg:ref="childitem"
2.在子组件的methods中声明一个函数。eg: useinpar:function (str) {console.log(str)}
2. 在父组件的中声明一个函数,并通过this.$refs.childitem.userinpar
来使用子组件中声明的函数。
父组件:
<template> <child-item ref='child' /> <button @click='usechildfun'></button> </template> <script> ``` methods() { usechildfun:function(){ this.$refs.child.usedinpar('调用子组件中的方法'); } } </script>
子组件:
``` methods () { usedinpar(str){ console.log(str); } }
没有完整的代码,只有一个用法
总结
以上所述是小编给大家介绍的vue 父组件中调用子组件函数的方法,希望对大家有所帮助
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
vue 路由懒加载中给 Webpack Chunks 命名的方法
网友评论