V01 Vue.js 实战教程 - 基础篇5.4. 修改头像和密码
本小节中，我们将新建一个修改头像页面和一个修改密码页面，并完成更新头像和密码的功能。
修改头像
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
粤公网安备 44030502004330号