uni-app 在父組件中調用子組件的方法

 

用途與示例
1.父組件可以使用 props 把數據傳給子組件。
1.子組件可以使用 $emit 觸發父組件的自定義事件。

子組件：

<template>
<form>
<button :click="search" value="搜索"/>
</form>
</template>
<script>
methods:
{
  search(e)
	{
		this.$emit('search',“給父組件傳的參數”);
		
	}
}
</script>

父組件：

<template>

<bottomNavBar v-on:search="search"></bottomNavBar>   

</template>

<script>
export default
{
components:{bottomNavBar}
methods:
{
  search(getKeyWord)
            {
                this.keyWord=getKeyWord;/*得到子組件search傳過來的參數*/
                
            },
}
}
</script>

相關文檔：

vm.$emit( eventName, […args] )

觸發當前實例上的事件。附加參數都會傳給監聽器回調。

https://cn.vuejs.org/v2/api/#vm-emit

https://cn.vuejs.org/v2/guide/components-custom-events.html