₦airaland Forum

Welcome, Guest: RegisterLoginWith GoogleTrendingRecentNew

Stats: 3,325,169 members, 8,420,645 topics. Date: Friday, 05 June 2026 at 08:10 AM

Toggle theme

Vuejs Confirm Dialog Plugin - Programming - Nairaland

Nairaland ForumScience/TechnologyProgrammingVuejs Confirm Dialog Plugin (1779 Views)

1 Reply (Go Down)

Vuejs Confirm Dialog Plugin by godofbrowser(op): 3:30am On Sep 04, 2017
Hello geeks.

Do you make use of vue for your frontend development?

If yes, then you'll agree with me that it can be time consuming building a confirmation dialog that would be easily reused in any part of the project without doing too many copy and paste.

For this reason, we sometimes feel it's faster going with the default
window.confirm() 
method.

But then, if that call was easy enough, then you'll love this new vuejs confirm plugin.
Just do this anywhere within your project.
this.$dialog.confirm("Delete this item?" )


Github repo: https://github.com/godofbrowser/vuejs-dialog
Link to demo: https://godofbrowser.github.io/vuejs-dialog/

What's more interesting? It's lightweight. Not up to 30kb minified.
So save yourself the stress and still get a nice dialog with a reasonable UI, animation, and lots of options to tweak the plugin to your taste.

Also feel free to contribute and make it better.
Re: Vuejs Confirm Dialog Plugin by Dekatron(m): 3:20pm On Sep 05, 2017
godofbrowser:
Hello geeks.

Do you make use of vue for your frontend development?

If yes, then you'll agree with me that it can be time consuming building a confirmation dialog that would be easily reused in any part of the project without doing too many copy and paste.

For this reason, we sometimes feel it's faster going with the default
window.confirm() 
method.

But then, if that call was easy enough, then you'll love this new vuejs confirm plugin.
Just do this anywhere within your project.
this.$dialog.confirm("Delete this item?" )


Github repo: https://github.com/godofbrowser/vuejs-dialog
Link to demo: https://godofbrowser.github.io/vuejs-dialog/

What's more interesting? It's lightweight. Not up to 30kb minified.
So save yourself the stress and still get a nice dialog with a reasonable UI, animation, and lots of options to tweak the plugin to your taste.

Also feel free to contribute and make it better.
Being the backend developer I am, I was writing my front end with Reactjs.. has a crazy learning curve plus too much choices (redux, mobx and shii. Fu!ck you, JS cry cry cry )... DECIDED to use Vuejs.... way simpler and unidirectional and all....

Nice one man!! Checking out the repo
Re: Vuejs Confirm Dialog Plugin by godofbrowser(op): 5:32pm On Sep 05, 2017
Dekatron:
Being the backend developer I am, I was writing my front end with Reactjs.. has a crazy learning curve plus too much choices (redux, mobx and shii. Fu!ck you, JS cry cry cry )... DECIDED to use Vuejs.... way simpler and unidirectional and all....

Nice one man!! Checking out the repo
Yeah, vuejs is much more simpler, easy to setup and gives you so much flexibility.

If you find the plugin useful, you may consider starring the repo and sharing with your friends who also use vuejs.

It's not only convenient to use, it can also serve as a kickstarter for you should you see the need to build something more personalised.

Thanks.

Re: Vuejs Confirm Dialog Plugin by BobAxelrod: 7:48pm On Sep 05, 2017
good work bro
Re: Vuejs Confirm Dialog Plugin by godofbrowser(op): 8:06pm On Sep 05, 2017
BobAxelrod:
good work bro
Thanks man. I hope you find it useful someday.
Re: Vuejs Confirm Dialog Plugin by ANTONINEUTRON(m): 10:12pm On Sep 06, 2017
It Is No Fun (For Me) Using Js Libraries

The One I Tried (Jquery) I Got Stuck And Couldn't Find A Solution Since Then Pure Js Is Better
Re: Vuejs Confirm Dialog Plugin by godofbrowser(op): 9:58pm On Sep 14, 2017
ANTONINEUTRON:
It Is No Fun (For Me) Using Js Libraries


The One I Tried (Jquery) I Got Stuck And Couldn't Find A Solution
Since Then Pure Js Is Better
I do not agree that vanilla js is easier to use. It's like saying walking on foot is better than a Lamborghini.

Imagine you doing:

var node = document.getElementByClassname( "my-class" )


And

var node = $( ".my-class" )


Another thing you should also note is browser compatibility issues. Js Libraries handles them out of the box.

So you worry about how to solve a problem and cross-browser compatibility.


What am I saying in essence? Libraries are good. Even if you choose to code raw, you'll one day need to build your own libraries to speed up future projects. This is the primary reason why we have them.
1 Reply

Pgadmin - Please Correct The Binary Path In The Preferences Dialog Solution ForVuejs Realtime Multi Player Quiz application Tutorial SeriesLaravel Vuejs Video Manager Application Tutorial Series234

Error Detected During Read In File 'filename.mdfI Need A BlogNeed A Private Tutor To Teach Me Word Processing & Programming