Vuetify: [Bug Report] v-stepper doesn't render first step content if added dynamically

Created on 15 Feb 2020  路  3Comments  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.2.12
Vue Version: 2.6.11
Browsers: Chrome 80.0.3987.100
OS: Windows 10

Steps to reproduce

Create a stepper with no steps, add steps in mounted()

Expected Behavior

Should display first step

Actual Behavior

Doesn't display first step

Reproduction Link

https://codepen.io/jkarczm/pen/QWbyeMd

VStepper bug

Most helpful comment

Another workaround is to add :key="!!items.length" for v-stepper

All 3 comments

Hi,
Same issue here, I'm trying to add dynamic async content to stepper :
https://codepen.io/ldn0/pen/vYOGgdj

I don't know if the component is made for 0 element in content, but one solution for me was to initialize the stepper with at least one element.

Another workaround is to add :key="!!items.length" for v-stepper

Adding this.updateView() in register() seems to do the job

Was this page helpful?
0 / 5 - 0 ratings

Related issues

alterhu2020 picture alterhu2020  路  3Comments

gluons picture gluons  路  3Comments

cawa-93 picture cawa-93  路  3Comments

efootstep picture efootstep  路  3Comments

ricardovanlaarhoven picture ricardovanlaarhoven  路  3Comments