vue 調用“子組件內的方法” 的實例

一.父組件關鍵代碼：

<template>
  <div id="app">
    <h1>title</h1>

    <Survey-form ref = "SurveyForm" ></Survey-form>
<!--說明：   注冊  ref      子主鍵 -->

</template>

<script>

import axios from 'axios'

 

import SurveyForm from './components/SurveyForm'  

import SelectForm from './components/SelectForm'

export default {

name: 'App',

components: {

SurveyForm,SelectForm           

},

methods:{

　　

　　selecty:function(v){

　　　　

　　　　　　　　//在父主鍵方法內，執行子組件方法：callApi

　　　　　　　　vm. $refs.SurveyForm. callApi()

 

　　

　　}

</script>

 

二.子組件

略...

<script>

methods:{

                callApi:function () {

                    ...略...
                }
}
</script>