一些简单的项目常用技巧（1）

1

       （1）本地存储

        JSON.parse(localStorage.getItem('XXXXX'))  将本地存储的数据读取出来，

        localStorage.setItem("XXXXX", value);   将数据以名为XXXXX，数据为value存储在本地

        localStorage.removeItem("XXXXX");  删除本地存储名为XXXXX的数据

      （２）路由跳转

        路由跳转有几种模式

        如　最基本的push，go和back

        现在来讲解一下push的基本使用：

        一般的使用都是this.$router.push(路径)

        但如果是要传递参数的话，那就得在push(这里面写一些基础东西)如

        this.$router.push({

                path:"apply",

                query:{orderId:id}

        });

        这样进行传递参数

        那怎样可以得到你获取到的参数呢

        在你需要接收参数的页面

        this.orderId=this.$route.query.orderId

        如该模板，这样就可以进行参数的接收了

        （3）对象合并

        Object.assign方法用于对象的合并

        const targetObj = {
   
                a1: 1,

                a2:2

        };
        let aa = Object.assign({},targetObj);
        console.log(aa );// 1,2

        (4)图片上传（我这里用的例子是用vant-ui使用的，element应一样

afterRead(file) {
      // 此时可以自行将文件上传至服务器
      const param = new FormData();
      param.append("avatarfile", file.file);
      sendAvatar(param).then((res) => {
        //sendAvatar为交互的接口 
        if (res.code === 200) {
          this.avatar = res.data.avatar;
          this.$toast.success("头像上传成功");
        }
      });
    },

        (5)文件已数据流的方式导出

有三种方式 get一种 post2种

get           请求是  直接调接口就行

如下面例子

    daochus(){
        let urlString = '/api/admin/member/order/excl?';
        if(this.listQuery.orderItem !=null){
          urlString += '&orderItem=' + this.listQuery.orderItem;
        }
        if(this.listQuery.userNick != null){
          urlString += '&userNick=' +  this.listQuery.userNick;
        }
        if(this.listQuery.status != null){
          urlString += '&status=' + this.listQuery.status;
        }
        if(this.listQuery.orderType != null){
          urlString += '&orderType=' + this.listQuery.orderType;
        }
        if(this.listQuery.sourceType != null){
          urlString += '&sourceType='+ this.listQuery.sourceType;
        }
        if(this.listQuery.createTime != null){
          urlString += '&createTime='+ this.listQuery.createTime;
        }
        if(this.listQuery.beginTime != null){
          urlString += '&endTime='+ this.listQuery.beginTime;
        }
        if(this.listQuery.endTime != null){
          urlString += '&endTime='+ this.listQuery.endTime;
        }
        //urlString 拼接成功
        //打开urlString ，开始下载文件
        window.location.href=urlString
      },

post请求的话，有两种方式

具体可以看其他人的解答，我在这里不多做解答