5.4. 修改头像和密码

2.5

3.0 2.6 2.5

V01 Vue.js 实战教程 - 基础篇 /

本教程最新版为 2.6，当前版本已放弃维护，请阅读最新版本！

本小节中，我们将新建一个修改头像页面和一个修改密码页面，并完成更新头像和密码的功能。

修改头像

1). 新建修改头像页

在 src/views/users 下新建 Avatar.vue 文件，复制贴入以下代码：

src/views/users/Avatar.vue

<template>
  <div class="col-md-9 left-col">
    <div class="panel panel-default padding-md">
        <div class="panel-body">
            <h2><i class="fa fa-picture-o"></i> 请输入头像地址</h2>
        <hr>
        <div data-validator-form>
          <div class="form-group">
            <label>头像预览：</label>
            <div>
              <img :src="avatar" class="avatar-preview-img">
            </div>
          </div>
          <div class="form-group row">
            <div class="col-md-8">
              <input v-model.trim.lazy="avatar" v-validator.required="...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质，我们需要对课程进行收费。付费后才能观看剩余内容。购买

5.4. 修改头像和密码

2.5

3.0 2.6 2.5

修改头像

1). 新建修改头像页

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

5.4. 修改头像和密码 2.5 3.0 2.6 2.5

修改头像

1). 新建修改头像页

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录

5.4. 修改头像和密码

2.5

3.0 2.6 2.5