Modal.create(VueComponent) in quasar 0.8



  • In quasar 0.7 you could load a component into a “floating” Modal

    Modal.create(Comp.vue)
    .set( { minimized : true} )
    .css( {padding : '50px' } )
    .show()
    

    Is it still possible in 0.8 to show a component this way?


  • Admin

    No. But you can use the <quasar-modal> component. http://quasar-framework.org/components/modal.html



  • Ah ok, so this is probably the way to go now when using “refs”.

    MAIN COMPONENT WITH BUTTON

    0_1478555872310_img2421.jpg

    1. import ModalComponent
      0_1478555912977_img2424.jpg

    2. template part
      0_1478555887734_img2423.jpg

    3. script part (trigger the open() method that is defined in the Modal Component)
      0_1478555969406_img2425.jpg

    MODAL COMPONENT
    0_1478555939464_img2422.jpg

    0_1478556039627_img2426.jpg

    Also tried it with Events, which works fine as well.
    I’ve pretty much completed migration from 0.7 to 0.8 in one day. Has been quite easy.
    Thanks also for the terrific docs that come with Quasar. :thumbsup:
    It’s a joy to read them.


  • Admin

    Thank you so much for the appreciation. And also big thanks for posting this out with screenshots and all for other people to read if they have same questions!



  • @rstoenescu Your welcome,
    I guess we all know what it’s like to see a thread end with “I found a solution. Thanks…(silence)”


Log in to reply
 

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.