vue用法总结

最新推荐文章于 2024-05-29 12:00:00 发布

haha有仙女

最新推荐文章于 2024-05-29 12:00:00 发布

阅读量566

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/yiting123456789/article/details/77856028

版权

vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

传给后台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});
                }
            })
        },