Discussion on Devinvue - Admin Vue 2 and Element + Vue Webpack CLI Kit

Discussion on Devinvue - Admin Vue 2 and Element + Vue Webpack CLI Kit

Cart 374 sales
Well Documented

matirasa supports this item

Supported

This author's response time can be up to 5 business days.

46 comments found.

Failed to mount component: template or render function not defined. can you help me?

There are dozens of UI libraries

My company has bought the theme and I am facing a major bug. There is a problem in the color that is not getting applied.

const routes = [ { path: '/admin', name: 'Admin', component: Admin, // meta: { requiresAuth: true }, beforeEnter: (to, from, next) => { document.body.className += 'skin-gradient sidebar-mini' next() }, activate: function () { this.$nextTick(function () { // => 'DOM loaded and ready' }) }, children: [{ path: '/admin/publisher/add', name: 'AddPublisher', component: AddPublisher, } },] export default routes

But my Admin is not getting the skin gradient color. Why is that?

I would love to see a Bootstrap 4 version as well. :-)

Hi,

Nice theme!

Any plans for Bootstrap 4? Do you plan to add more UI elements such as Toast, Tabs, etc? Do you plan to add more pages and form layouts i.e. register, payment, etc?

Yes i’ve plan for bootstrap 4 but it would be much major change. But let see :)

Waiting for updates.

If there are more table plugins inside with vue, it would be better.

Thank you for your feedback :)

Good theme, only a suggestion, the scroll of menu should be more width. Some times I can’t find it.

thank you for your feddback :)

Why not the latest version???

Very nice. Do you have a version to use for PHP?

i don’t have a PHP version. but i think you can collaborated with Laravel

My company has purchased this theme recently and when I tried the Skin Gradient theme it was vastly different than the theme on the demo site. It was pink to blue. Why is this? Thanks! Is the code different? How do I make it look like the demo site (Skin Gradient)?

You can update to version 1.1 or you can edited _skin-gradent.scss in sass folder, and find this code
   .wrapper {
        background: rgb(122, 188, 255);
        background: -moz-linear-gradient(top, $facebook 20%, #9575CD 100%)!important;
        background: -webkit-linear-gradient(top, $facebook 20%, #9575CD 100%)!important;
        background: linear-gradient(to bottom, $facebook 20%, #9575CD 100%)!important;
    }

Hey. You should look into some included dependancies since some have been deprecated or changed file/folder names. For example, vue-avatar is throwing errors on compiling since the file renamed to vue-avatar.min inside the dist folder

otherwise – nice work on the theme, however – i would recommend sticking to element UI if it’s already included. There are some templates that have regular menus, some use element, some have normal tables, some use element…

also – production tip: NEVER include full frameworks (element for example) – always import only elements you need when you need them. this gives you a MUCH smaller production .js file

oh, one final thought – you really need more detailed documentation or have a note saying this is not for your regular web Joe. Unless you’re really familiar with Vue and how webpack works – people won’t find their way around the theme. Even simple things like changing theme color requires digging through multiple files (routes and main.scss)

Cool. I also found another bug. Once the menu is collapsed, you cannot click on anything in the main body that falls anywhere where the menu previously was placed. This is due the fact you just toggle the width of the aside panel, and not the main wrapper (slimScrollDiv) so the div is still “above” the main app content. This is a major issue if you have buttons placed there since you won’t be able to interact with anything.

Oh, and have a look at webpack live reload. In like 90% of cases your theme never triggeres the rebuild once the file has been saved while using npm run dev. It’s very strange

Actually, disregard the last message – if anyone else has issues with hot reload after saving files check your editor settings. In Webstorm, go to Settings > Appearance & Behaviour > System Settings and disable “Use “safe write” (save changes to a temporary file first)”

This is an issue that webpack has with temporary files so the live rebuild doesn’t get triggered each time due to cache

Does this version use vuex store and vue-router ?

yes it’s does :)

Hi, what does the new version includes or fixes?

-update to element 2.0.2 -all black skin added

Congratulations! Good Luck With Sale :grin:

thank you

Congrats!! Do you also customize a project?

for now ‘m only customize for the design

Nice work, can I use this with an existing application to fetch or get data from that application (school system) and display it on this admin, I never used these admin apps so if you could explain please. Thanks

i think it will need some modification

Congratulations! Nice Work, Good Luck With Sale :grin:

thank you :)

Congratulations!

Amazing Work, Good Luck With Sale :grin:

thank you :)

Good work. Keep it up. GLWS :)

thank you :)

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey