Hey all.

I’ve used Mail Chimp for the first time today, I really like the “builder” functionality, where you have a side bar menu with “blocks” of specific items you can include in your e-mail, and than drag and drop these to the main page, where you will have the content blocks, you can change the order, each block has some specific options and etc.

I find the feature pretty cool, something like this:

Post image

I wanted to implement something similar using Vue.JS, but have no idea on where to start. I’ve seen some apps/codes that use drag/drop features implemented in VueJS. But I can’t get my head around on how to build upon it: how make different “content blocks” (right side menu, what will be dragged), and how to make the main screen work like a “canvas” where you can move blocks around, and edit them on the go.

Any ideas would be much appreciated.

Thanks a lot!

Source link

Write A Comment