vue实现个人信息查看和密码修改功能

网络编程 2024/11/13 佚名

3 2 1

下面一段代码给大家介绍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,信息查看,vue,密码修改,vue密码显示隐藏