javascript - Vue: default value for prop function

Question

Is there any way to set default function for prop with function type?

props: {
    clickFunction: {
        type: 'Function'
        default: ????
    }
}

标签： javascriptvue.jsvuejs2

Answer 1

Yes:

Vue.component('foo', {
  template: '<div>{{ num }}</div>',
  props: {
    func: {
      type: Function,
      default: () => 1,
    },
  },
  data() {
    return { 
      num: this.func()
    }
  }
})

new Vue({
  el: '#app',
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <foo></foo>
</div>