dd-OFFICE/src/views/personal/nickname.vue

<template>
    <div class="username-container p-h-12">
        <van-field v-model="nickname" clearable label="昵称" placeholder="请输入" input-align="right" />

        <div class="btn" @click="handleSaveOperate">submit</div>
    </div>
</template>

<script>

import updateUserInfoMixin from './updateUserInfo.mixin'

export default {
    name: 'Nickname',
    mixins: [
        updateUserInfoMixin
    ],

    created() {
        this.nickname = this.$store.state.user.nickname
    },

    data() {
        return {
            nickname: ''
        }
    },


    methods: {
        handleSaveOperate() {
            const nickname = this.nickname
            if (!nickname) return this.$toast.fail('昵称尚未填写')

            const params = {
                type: 2,
                nickname: this.nickname
            }
            this.put_userinfo(params, true)
        },
    }
}
</script>

<style lang="less">
.username {
    &-container {
        margin-top: 10px;
        background-color: #fff;
    }
}
</style>