Vue-grid-layout: [Vue warn]: Error in nextTick: "Error: VueGridLayout: Layout[0].w must be a number!"

[abezulski]

This is a weird issue - getting this error, when object's properties that hold the width/height are called other than 'w' or 'h', same for properties with min/max. Is it by design?

Also, 'i' cannot be called something elses, like 'id' or 'guid'.

 <grid-item v-for="w in widgets" v-if="w.open" :key="w.i"
                               :i="w.i"
                               :x="w.x"
                               :y="w.y"
                               :w="w.width" <- cannot use this, has to be 'w.w'
                               :h="w.height" <- cannot use this, has to be 'w.h'
                               :max-w="w.maxWidth"<- cannot use this, has to be 'w.maxW'
                               :max-h="w.maxHeight" <-cannot use this, has to be 'w.maxH'
                               :min-w="w.minWidth" <-cannot use this, has to be 'w.minW
                               :min-h="w.minHeight" <-cannot use this, has to be 'w.minH
                               drag-allow-from=".widget"
                               drag-ignore-from=".no-drag"
                               v-bind:class="{'hpanel widget': true}">
                        <div class="panel-tools">
                            <a class="closeboxx"><i class="fa fa-times" v-on:click="widgetClose(w)"></i></a>
                        </div>

                        <component :is="w.type" v-bind:widget="w">
                        </component>

 </grid-item>

[gmsa]

Yes, the properties need to have those names, because they are ase used in grid-layout.