VUE杂记（不定时更新）

1、防止表单提交按钮多次提交

v-bind:disabled="(变量名)"

2、实时监听输入框

v-on:input="(方法名)"

3、选中列表中整条数据点击事件

@tap="(方法名)"

4、异步请求变为同步请求（多个异步同时变为同步请求时间差不多）

async getNum(){
  await getUsed().then(response => {
    this.useLocation = response;
    this.showData();
  });
}
需要加上 async 和 await，异步即可变为同步啦

5、去除字符串中单引号

例如：id = " '123' "

 

params.id = params.id.replace(/\'/g, "");
执行过后结果 a = "123"

 6、上传图片

handleChooseImg() {
　　　　　　　　　　//防止sucess回调不识别this
                let _this = this;
                uni.chooseImage({
                    count: 1,
                    success(e) {
                        this.imgUrl = e.tempFilePaths[0];
                        this.file = e.tempFiles[0];
                        uni.uploadFile({
                            url:'http://wl.dev.hanyun.com/api/blade-resource/oss/endpoint/put-file',     // 后端api接口
                            filePath: this.imgUrl, // uni.chooseImage函数调用后获取的本地文件路径
                            name:'file',     //后端通过'file'获取上传的文件对象
                            file:e.tempFiles[0],
                            header:{"Mes-Auth":'bearer ' + uni.getStorageSync('accessToken')},
                            success:(res) => {
                                if (res.statusCode == 200) {
                                    var data = JSON.parse(res.data)
                                    _this.avatar = data.data.link;
                                    _this.submit();
                                }
                            }
                        });
                    }
                });

            }

 7、echarts图表问题

tooltip中的数据格式formatter属性格式化（Echarts数据图信息单位显示）：

（1）饼状图：

tooltip : {
  trigger: 'item',
  formatter: "{a} <br/>{b} : {c}辆({d}%)"
},
（2）柱状图：

tooltip: {
  formatter:function(a){
    // console.log(a)
    for (var i=0;i<a.dimensionNames.length;i++) {
      if(a.seriesName === a.dimensionNames[i]){
        return a.seriesName+'<br/>'+'<span style="display: inline-block;width: 10px;height: 10px;background: ' +
          a.color + ';margin-right: 5px;border-radius: 50%;}"></span>'+a.data[0]+'：'+a.data[i]+'辆';
      }
    }
  }
},

8、js获取yyyy-MM-dd格式时间

var a= new Date();

var b= a.toLocaleDateString().split('/').join('-');