vue怎么调用子元素的方法_vue.js 父组件如何触发子组件中的方法
文章目錄
組件
組件 (Component) 是 Vue.js 最強大的功能之一。組件可以擴展 HTML 元素，封裝可重用的代碼。在較高層面上，組件是自定義元素，Vue.js 的編譯器為它添加特殊功能。在有些情況下，組件也可以表現為用?is?特性進行了擴展的原生 HTML 元素。
所有的 Vue 組件同時也都是 Vue 的實例，所以可接受相同的選項對象 (除了一些根級特有的選項) 并提供相同的生命周期鉤子。
使用組件
示例：
子組件：
child
export default {
name: "child",
props: "someprops",
methods: {
parentHandleclick(e) {
console.log(e)
}
}
}
父組件：
點擊
import Child from './child';
export default {
name: "parent",
components: {
child: Child
},
methods: {
clickParent() {
this.$refs.mychild.parentHandleclick("嘿嘿嘿");
}
}
}
注意：
1、在子組件中：
2、在父組件中：首先要引入子組件?import Child from './child';
3、?是在父組件中為子組件添加一個占位，ref="mychild"是子組件在父組件中的名字
4、父組件中?components: { 是聲明子組件在父組件中的名字
5、在父組件的方法中調用子組件的方法，很重要???this.$refs.mychild.parentHandleclick("嘿嘿嘿");
總結
以上是生活随笔為你收集整理的vue怎么调用子元素的方法_vue.js 父组件如何触发子组件中的方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python怎么玩pdf_如何使用Pyt
- 下一篇： python中common是什么意思_c