vue+element ui设置默认头像
<el-form-item prop="avatar" label="头像" :label-width="dialogFormLabelWidth"><el-uploadname="file"class="avatar-uploader":action="uploadImgUrl":show-file-list="false":on-success.
·
<el-form-item prop="avatar" label="头像" :label-width="dialogFormLabelWidth">
<el-upload
name="file"
class="avatar-uploader"
:action="uploadImgUrl"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"
accept=".jpg,.png,.tiff,.jpeg"
:headers="headers">
<img v-if="dialogForm.avatar" :src="dialogForm.avatar" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
变量avatar:
赋默认路径:(用户不上传头像,直接读取项目中的相对路径图片)
avatar:require("../../../../front-template/statics/test/default/images/defalte.jpg"),
注:img标签的src属性后面不能放变量,放变量只能用 :src=...
但是如果只是单纯给一个变量赋值相对路径的话 图片仍然无法读取
像这样:
avatar:"../../../../front-template/statics/test/default/images/defalte.jpg",
这时候只要给这个相对路径处理一下如上面加上require("相对路径")
:src就起作用了
更多推荐
已为社区贡献1条内容
所有评论(0)