Comments (2)
@Obiwarn You cannot extract the steps into components (circles from above) since those are handled by the wizard component but you can extract the tab-contents.
There are 2 approaches of doing this:
- Either with
vue-router
See https://jsfiddle.net/bt5dhqtf/267/
Instead ofFirst
Second
you can have your own components with the content you want - Extract the content from each tab-content into a separate component. Since the example from above already does that through
vue-form-generator
what you can do is to extract somedata
in separate files. Here is an example with element-ui https://jsfiddle.net/bt5dhqtf/532/
Depending on the use-case the implementation for such a thing could be different. For the form-generator case I would say you don't need further abstraction in components but rather separate model
and schema
for each step into separate files maybe so you can keep everything cleaner. If you want something more static like element-ui then you can separate in different components
from vue-form-wizard.
Thank you!
- did the trick for me.
from vue-form-wizard.
Related Issues (20)
- 31 commits since the last release, can you please tag a new release? HOT 1
- Demos: Don't use v-for directives together with v-if directives on the same element.
- How to enable all tabs? HOT 1
- Slot for icons?
- Much of the Documentation is not rendering/missing
- based on user selection change the tab index not working
- Awesome Wizard and Malformed Build Process HOT 1
- How to Disable the tab2
- How come the tab anchor tag has javascript:void(0) ? Messes up CSP policies.
- how to remove the left line HOT 1
- How can I add a checked symbol?
- Lazy Load not working
- No control over the style of wizard footer buttons HOT 1
- Dynamic Button
- Reset form HOT 1
- Typescript HOT 1
- Custom Header Buttons
- Add own svg icons instead
- Hi i updated this package to vue3 and add type definition (TS) support HOT 1
- route
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-form-wizard.