iview user signup

<style scoped lang="less"></style>
<template>
    <div class="signup view-pc">
        <h1>注册</h1>
        <div class="form">
            <p><input type="email" v-model="Email" placeholder="Email"></p>
            <p><input type="text" v-model="Nickname" placeholder="昵称"></p>
            <p><input type="date" v-model="Birthday" placeholder="生日"></p>
            <p><input type="text" v-model="City" placeholder="所在城市"></p>
            <p>
                <button @click="registration()">注册</button>
            </p>
        </div>
    </div>
</template>
<script>
    export default {
        components:{},
        data(){
            return {
                "Email":null,
                "Nickname":null,
                "Birthday":null,
                "City":null,
            }
        },
        created: {},
        methods: {
            registration(){
                if(!this.Email||!this.Nickname||!this.Birthday||!this.City){
                    return this.$Message.warning("字段不能爲空")
                }
                fetch("/api/user/registration",{
                    method:"POST",
                    body:JSON.stringify({
                        Email:this.Email,
                        Nickname:this.Nickname,
                        Birthday:this.Birthday,
                        City:this.City
                    })
                })
                    .then(res=>{return res.json()})
                    .then(data=>{
                        localStorage.setItem("useremail",this.Email)
                        this.$Message.info(data)
                    })
                    .catch(err=>{this.$Message.error(err)})
            }
        },
    };
</script>

转载于:https://my.oschina.net/upcyan/blog/1162515