作用域插槽 (Scoped Slots)

close

  • 型別: Function

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

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

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

params

  • 型別: Any
  • 預設: {}

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

<template v-slot="{ params }">
  <!-- modal content -->
</template>
在 GitHub 上编辑此页面 Updated at Fri, Jun 25, 2021