Comments (5)
I am unable to reproduce your issue, can you explain how exactly are you using the example and where exactly is the issue happening? If you have any source code samples, this might be helpful as well. Also, make sure you're using the latest version of the example since we made a few changes to all examples recently.
from vue-flow-form.
I can't see what the problem is. Did yarn add, made changes in file for imports. I am using it in a Nuxt SPA, created a page with the example code. I get this in the console:
TypeError: Cannot read property 'length' of undefined at VueComponent.setQuestionListActivePath (webpack-internal:///./node_modules/@ditdot-dev/vue-flow-form/dist/vue-flow-form.common.js:2878) at VueComponent.setQuestions (webpack-internal:///./node_modules/@ditdot-dev/vue-flow-form/dist/vue-flow-form.common.js:2867) at VueComponent.mounted (webpack-internal:///./node_modules/@ditdot-dev/vue-flow-form/dist/vue-flow-form.common.js:2770) at invokeWithErrorHandling (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:1853) at callHook (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:4213) at Object.insert (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:3136) at invokeInsertHook (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:6336) at Vue.patch [as __patch__] (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:6555) at Vue._update (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:3939) at Vue.updateComponent (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:4054) _callee$ @ webpack-internal:///./.nuxt/client.js:233
from vue-flow-form.
Are you using the latest version (1.1.6)? Can you please post a code example that results in this error? From what I'm seeing in the errors, you're not correctly passing the questions array to Vue Flow Form. In any case, this behavior was slightly changed in the latest version, so even if you don't pass a questions array, or if you pass an empty one, there'll be no errors, but will result in an empty screen (since we don't have anything to display).
from vue-flow-form.
Hi, I solved the issue, I needed to add LinkOption to the necessary components. It's missing in your example for those using npm (but included in your default import).
import FlowForm, { QuestionModel, QuestionType, ChoiceOption, LinkOption, LanguageModel } from '@ditdot-dev/vue-flow-form'
Thanks so much for your help, and thanks for this great component.
from vue-flow-form.
No problem at all and thanks for the heads-up, we'll be sure to include this in the next update.
from vue-flow-form.
Related Issues (20)
- Bug: Refreshing on a mobile browser does not show warning prompt and causes data to be lost HOT 2
- Bug:incorrect email validation expression HOT 3
- Feature request: slot **BeforeStart** HOT 4
- Bug: Matrix doesn't work properly HOT 1
- Feature request: Make it simpler to change basic styles such as font-size HOT 1
- in javascript mode, completeButton slot does not work HOT 4
- Feature request: Allow us to abort / prevent the onSubmit HOT 1
- Bug: App crashes when updating the questions HOT 2
- Question: how to set submitted manually in Vue 3 Composation Api HOT 3
- multiple choice with max selected option. HOT 7
- Feature request: JSON set of question HOT 1
- Global Variables (or previous answers) via QuestionModel? HOT 1
- Feature request: use links to fire other methods not only urls HOT 2
- Skip to submit page HOT 6
- Bug: Question component blank page with more than one question HOT 1
- Feature request: Max number of selections in multiple select
- Issue with Vite 3.0.9 defaults HOT 1
- In the multipleChoice question, if multiple=True and the jump statement is included, the previously selected value does not disappear and the value is added. HOT 1
- Bug: v-if conditional questions do not work HOT 5
- Bug: Alt tab gives shouldFocus undefined
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-flow-form.