vue 父子组件传函数 demo

最新推荐文章于 2022-03-31 23:51:26 发布

秋水不寒

最新推荐文章于 2022-03-31 23:51:26 发布

阅读量214

点赞数

分类专栏： vuejs

本文链接：https://blog.csdn.net/q121516340/article/details/106394790

版权

vuejs 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

父组件

<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
      } }
  },
}