用户头像展示

src/views/modules/master/masteruserrelation-add-or-update.vue

@@ -4,8 +4,11 @@
           <el-form-item label="群内昵称" prop="nickname">
           <el-input v-model="dataForm.nickname" placeholder="群内昵称" style="width:90%" maxlength="60"></el-input>
       </el-form-item>
-          <el-form-item label="用户头像" prop="userAvatar">
+      <el-form-item label="用户头像" prop="userAvatar">
-          <el-input v-model="dataForm.userAvatar" placeholder="" disabled style="width:90%"></el-input>
+          <!-- <el-input v-model="dataForm.userAvatar" placeholder="" disabled style="width:90%"></el-input> -->
+          <el-avatar shape="square" :size="120" :src="dataForm.userAvatar" @error="errorHandler" :fit="scale-down">
+            <img src="https://cube.elemecdn.com/e/fd/0fc7d20532fdaf769a25683617711png.png"/>
+          </el-avatar>
       </el-form-item>
           <el-form-item label="手机号" prop="mobile">
           <el-input v-model="dataForm.mobile" placeholder="" disabled style="width:90%"></el-input>
@@ -132,6 +135,9 @@ export default {
         }
       })
     },
+    errorHandler () {
+      return true
+    },
     // 获取信息
     getInfo () {
       this.$http.get(`/cloudAnalysis/masteruserrelation/${this.dataForm.id}`).then(({ data: res }) => {