posva / vue-mdc

Material web components for Vue.js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

upgraded from version 0.11.0 to 1.1.1 form fields not showing

kyoukhana opened this issue · comments

I just upgraded from version 0.11.0 to 1.1.1 and my form isn't showing. Not sure why. I also have "material-design-lite": "^1.3.0" installed. Here is my form I am not sure what I am missing or doing wrong. It was all working in version 0.11.0. I am still using Vue v1.0.28

<!--Start signup -->
                            <form action="#" v-bind:class="{submitted:submitval}"   @submit="registerUser(user)" v-on:submit.prevent autocomplete="false" autocomplete="off">


                                <input type="hidden" name="token" value="this.$auth.token()" v-model="user.token">
                                    Please Use Referal Code if you have one
                                    <p><mdl-textfield floating-label="Referral Code:" :value.sync="user.regreferral" id="regreferral" name="regreferral"></mdl-textfield></p>

                                    <p><mdl-textfield floating-label="First Name:" :required=true  :value.sync="user.name" id="name" name="name"></mdl-textfield></p>
                                    <slot name="error">
                                        <label class="mdl-textfield__error" v-if="error">{{error}}</label>
                                    </slot>

                                    <p><mdl-textfield floating-label="Last Name:" :required=true  :value.sync="user.lastname" id="lastname" lastname="lastname"></mdl-textfield></p>

                                    <p><mdl-textfield floating-label="Email:"  :required=true type="email" :value.sync="user.email" id="email" email="email" autocomplete="off"></mdl-textfield></p>

                                    <p><mdl-textfield floating-label="Password:" :required=true type="password" :value.sync="user.password" id="password" password="password" autocomplete="off"></mdl-textfield></p>

                                    <p><button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" required>
                                        Register
                                    </button></p>

                            </form>

Unfortunately, v1 is for Vue 2 only. I'll add that to the readme

what was the last version that was compatible with 1.x. I love vue-mdl you have done a great job with the library

0.11.0: https://github.com/posva/vue-mdl/releases
Thanks for the compliment. I think it could have had better support if I had more time for it 😞