vue实现个人信息查看和密码修改功能
(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )
下面一段代码给大家介绍vue实现个人信息查看和密码修改功能,具体代码如下所述:
//用了element组件,自己要加载和引入 <template> <div class="all-container"> <div class="all-container-padding bg" > <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="基本信息" name="first"> <el-form :model="userlist" :rules="rules" ref="EditorUserForms"> <el-form-item label="头像" prop="avatar_url" :label-width="formLabelWidth"> <el-upload class="avatar-uploader" action="//shujiaoke.oss-cn-hangzhou.aliyuncs.com" :before-upload="beforeupload" :data="uploadParm" :show-file-list="false" :on-success="handleUpSuccess"> <img v-if="userlist.avatar_url" :src="/UploadFiles/2021-04-02/userlist.avatar_url">点击查看vue实现密码显示隐藏切换功能
总结
以上所述是小编给大家介绍的vue实现个人信息查看和密码修改功能,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对网站的支持!
下一篇:基于vue-element组件实现音乐播放器功能