项目作者: adielsh

项目描述 :
Bootstrap Modal on Vue component
高级语言: Vue
项目地址: git://github.com/adielsh/vue-simple-modal.git
创建时间: 2017-03-05T14:13:04Z
项目社区:https://github.com/adielsh/vue-simple-modal

开源协议:MIT License

下载


BootstrapVueModal

Bootstrap Modal with Vue component
It’s a vue component of Bootstrap Modal.
Include a slots, that you can override them and write your code inside.

How to Use:

Install:

  1. $ npm install vue-modal-simple

Or

  1. $ yarn add vue-modal-simple

Then write in your vue file:

  1. <template>
  2. <SimpleModal :show.sync="showModal">
  3. <!--You can write here : -->
  4. <div slot="body">Here might be a modal body</div>
  5. </SimpleModal>
  6. </template>
  7. import SimpleModal from 'vue-modal-simple'
  8. <script>
  9. export default {
  10. components:{
  11. SimpleModal
  12. }
  13. }
  14. data(){
  15. return
  16. {
  17. showModal:true
  18. }
  19. }
  20. </script>

Enjoy :)