vue用法总结

传给后台file文件

<div class="header_portrait" @click="changeavatar()">    <img :src="avatar == '' ? require('../../assets/images/moren180.png') :url+avatar"></div>//隐藏的input接收图片file文件<input type="file" id="useravatar"  accept="image/*;capture=camera" hidden @change="filesChange($event.target.name, $event.target.files)">      <div class="text" @click="changeavatar()">    点击更换头像</div>

filesChange(name,files){                            //file格式            var params = new FormData();            params.append('picture', files[0]);            uploadPicture(params).then(response =>{                let code = response["code"];                if(code == "200"){                    this.avatar = response['url'];                }else{                    Toast({message: response["message"],position: 'bottom',duration: 1000});                }            });        },

传一般数据

saveusersetting(){            Indicator.open();                                //一般数据            var params = new URLSearchParams();            params.append('motto', this.userres.motto);            params.append('nickname', this.userres.nickname);            params.append('avatar', this.avatar);            console.log(this.userres.avatar)            params.append('address', this.userres.address);            updateUserInfo(params).then(response =>{                Indicator.close();                let code = response["code"];                if(code == "200"){                    this.$router.push('/usercenter');                }else{                    Toast({message: response["message"],position: 'bottom',duration: 1000});                }            })        },