[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9008":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":16,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":18,"archived":19,"fork":20,"defaultBranch":21,"hasWiki":19,"hasPages":19,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":29,"readmeContent":30,"aiSummary":31,"trendingCount":16,"starSnapshotCount":16,"syncStatus":32,"lastSyncTime":33,"discoverSource":34},9008,"vue-form-wizard","BinarCode\u002Fvue-form-wizard","BinarCode","Vue.js 2 wizard","https:\u002F\u002Fbinarcode.github.io\u002Fvue-form-wizard\u002F#\u002F",null,"Vue",1100,233,1,106,0,55.11,"MIT License",true,false,"master",[23,24,25,26,27,28],"component","form","tabs-management","vue","vuejs","vuejs2","2026-06-12 04:00:42","\n\u003Ch1 align=\"center\">Vue form wizard\u003C\u002Fh1>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvue-form-wizard\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fvue-form-wizard.svg\">\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvue-form-wizard\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdt\u002Fvue-form-wizard.svg\">\u003C\u002Fa>\n\u003Ca href='https:\u002F\u002Fcoveralls.io\u002Fgithub\u002Fcristijora\u002Fvue-form-wizard?branch=master'>\u003Cimg src='https:\u002F\u002Fcoveralls.io\u002Frepos\u002Fgithub\u002Fcristijora\u002Fvue-form-wizard\u002Fbadge.svg?branch=master' alt='Coverage Status' \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fcristijora\u002Fvue-form-wizard\u002Fblob\u002Fmaster\u002FLICENCE.md\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-MIT-blue.svg\">\u003C\u002Fa>\n  \u003Ca href=\"http:\u002F\u002Fimg.badgesize.io\u002Fcristijora\u002Fvue-form-wizard\u002Fmaster\u002Fdist\u002Fvue-form-wizard.js.svg?compression=gzip&style=flat-square\">\n    \u003Cimg src=\"http:\u002F\u002Fimg.badgesize.io\u002Fcristijora\u002Fvue-form-wizard\u002Fmaster\u002Fdist\u002Fvue-form-wizard.js.svg?compression=gzip&style=flat-square\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\nA dynamic wizard to split your forms easier\n\nVue-form-wizard is a vue based component with no external depenendcies which simplifies tab wizard management.\n\n## Demos:\nBasic [demo](https:\u002F\u002Fjsfiddle.net\u002Fbt5dhqtf\u002F97\u002F)\n\nOther demos:\n* [Squared steps](https:\u002F\u002Fjsfiddle.net\u002Fbt5dhqtf\u002F98\u002F)\n* [Tabbed steps](https:\u002F\u002Fjsfiddle.net\u002Fbt5dhqtf\u002F99\u002F)\n* [Sizing](https:\u002F\u002Fjsfiddle.net\u002FCristiJ\u002Fbt5dhqtf\u002F924\u002F)\n* [Step index](https:\u002F\u002Fjsfiddle.net\u002Fbt5dhqtf\u002F100\u002F) Start at any step. Note: start-index is zero-based and the count starts at 0\n* [Custom button and title text](https:\u002F\u002Fjsfiddle.net\u002Fbt5dhqtf\u002F101\u002F)\n* [Custom title slot](https:\u002F\u002Fjsfiddle.net\u002Fbt5dhqtf\u002F102\u002F)\n* [Customized buttons with slots](https:\u002F\u002Fjsfiddle.net\u002Fbt5dhqtf\u002F103\u002F) Replace stuff you don't like\n* [Call a function before tab switch](https:\u002F\u002Fjsfiddle.net\u002Fbt5dhqtf\u002F105\u002F)\n* [Complete form example](https:\u002F\u002Fjsfiddle.net\u002FCristiJ\u002Fbt5dhqtf\u002F286\u002F) integrated with [vue-form-generator](https:\u002F\u002Fgithub.com\u002Ficebob\u002Fvue-form-generator)\n* [Element UI form integration](https:\u002F\u002Fcodesandbox.io\u002Fs\u002Fl9mz5zn7yz)\n* [Vuelidate integration](https:\u002F\u002Fjsfiddle.net\u002FCristiJ\u002Fbt5dhqtf\u002F1119\u002F)\n* [Dynamic components for tabs](https:\u002F\u002Fjsfiddle.net\u002Fbt5dhqtf\u002F973\u002F)\n* [Vue router integration](https:\u002F\u002Fjsfiddle.net\u002Fbt5dhqtf\u002F267\u002F) You can place a `router-view` inside the wizard and have a separate page per tab. A `route` prop must be passed to the tabs you want to handle certain tabs\n* [Async validation with error message](https:\u002F\u002Fjsfiddle.net\u002FCristiJ\u002Fbt5dhqtf\u002F298\u002F) `before-change` `beforeChange(): boolean | Promise\u003Cboolean>` can accept a promise that resolves with a boolean. Resolving with a truthy value, will trigger the navigation to next step. Rejecting with a message, will set an internal message that can be handled and displayed if needed.\n* [Animations with animate.css](https:\u002F\u002Fjsfiddle.net\u002Fbt5dhqtf\u002F1478\u002F)\n* [Fancy step animations with lottie](https:\u002F\u002Fcodesandbox.io\u002Fs\u002F3y0voo2oxp)\n\nIn browser [playground](https:\u002F\u002Fcristijora.github.io\u002Fvue-form-wizard\u002F#\u002F?id=playground)\n\n# [Documentation](https:\u002F\u002Fbinarcode.github.io\u002Fvue-form-wizard\u002F#\u002F)\n","Vue-form-wizard 是一个基于 Vue.js 2 的表单向导组件，用于简化多步骤表单的管理和展示。其核心功能包括支持自定义按钮、标题文本及插槽，集成异步验证和错误消息处理，并且能够与 Vue Router 和其他常用库如 Vuelidate 或 Element UI 无缝对接。此外，它还提供了丰富的动画效果选项，使用户界面更加生动。此项目非常适合需要将复杂表单分解为多个逻辑步骤的应用场景，比如注册流程、调查问卷等，从而提升用户体验。",2,"2026-06-11 03:20:47","top_language"]