作用域插槽 (Scoped Slots)

close

型別： Function

當你以 HOC 的方式使用 vue-final-modal 時. 你可以以 scoped-slot 關閉(close) modal：

<template>
  <vue-final-modal v-slot="{ close }" v-bind="$attrs">
    <div>哈囉，Vue Final Modal</div>
    <button @click="close">close modal</button>
  </vue-final-modal>
</template>

<script>
export default {
  name: 'CustomModal',
  inheritAttrs: false
}
</script>

params

型別： Any
預設： {}

當你透過 API $vfm.show(name, params) 開啟 modal，你可以使用 scoped-slot 取得 params：

<template v-slot="{ params }">
  <!-- modal content -->
</template>