vue 父组件调用子组件方法,vue父组件操作子组件的方法
本文主要介绍Vue父组件调用子组件功能的实现。全文通过例子和代码做了简单的介绍。希望你能理解并学习其中的知识。
Vue父组件调用子组件的函数
父组件通过事件调用子组件的函数。例如，父组件通过单击事件使子组件发出请求。
文章中的项目是由scaffolding创建的。
演示：
Father.js
模板
差异
差异
儿子，儿子
type= button value= click @ click= useSonFun
/div
/div
/模板
脚本
从导入儿子。/儿子
导出默认值{
组件：{
儿子
},
data(){
返回{
}
},
方法：{
useSonFun(){
这个。$ refs . son . say()；//给子组件一个ref，通过ref调用子组件中的函数
}
},
}
/脚本
Son.js
模板
差异
h1儿子/h1
/div
/模板
脚本
导出默认值{
data(){
返回{
}
},
方法：{
Say(){//需要父组件调用的子组件函数。
console.log(“子组件”)；
}
},
}
/脚本
翻译
父组件调用子组件的函数，通过单击父组件可以使用子组件发送请求。根据click事件，子组件也发送请求。可以不同于父组件点击发送请求，获取数据，然后通过组件值传递的方式将数据传递给子组件。
小贴士：
Father.js:
这个。$refs.son.say(括号内可以将父组件的数据传递给子组件)；
Son.js:
比方说(从父组件接收数据到子组件){
//数据的使用
}
这就是本文关于java设计模式中观察者模式的介绍和使用。有关观察者模式的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。