Modal | Directives | NlyAdminlteVue

v-nly-modal 可以绑定到可点击的元素上来显示和隐藏对应 id 的 modal

<div>
  <nly-button variant="primary" v-nly-modal.no-close-on-esc.modal-1
    >点击弹出Modal</nly-button
  >

  <nly-modal id="modal-1" title="NlyAdminlteVue">
    <p class="my-4">Hello NlyAdminlteVue</p>
  </nly-modal>
</div>

<!-- 总览.name -->
<!-- nly-modal.vue -->

Directive reference

单个指令导出

你可以从下表给出的导出路径和导出名称导入单个指令包

指令	导出名称	导出路径
`v-nly-modal`	`VNlyModal`	`nly-adminlte-vue`

例子

import { VNlyModal } from 'nly-adminlte-vue'
// Note: Vue automatically prefixes the directive name with 'v-'
Vue.directive('nly-modal', VNlyModal)

导出作为插件

导出的插件包括上表中列出的指令.

导出名称	导出路径
`VNLYModalPlugin`	`nly-adminlte-vue`

例子

import { VNLYModalPlugin } from 'nly-adminlte-vue'
Vue.use(VNLYModalPlugin)