vue 父子組件傳函數 demo

父組件

<template>

 <div>

 <Hello :flFlag="myFunction"></Hello>
  </div>

</template>

import Hello from './HelloWorld'

 methods: {

    myFunction () {return true  }

  }

子組件
<template>
  <div class="hello">
      <input :disabled=flFlag >
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {
    flFlag: { type: Function,
      default: function () {
        return false
      } }
  },
}