I***项目收获

1. 前端展示从后端获取到的图片

const dataInfo = res.data
let reader = new window.FileReader()
// 使用readAsArrayBuffer读取文件, result属性中将包含一个 ArrayBuffer 对象以表示所读取文件的数据
reader.readAsArrayBuffer(dataInfo)
reader.onload = function (e) {
  const result = e.target.result
  const contentType = dataInfo.type
  // 生成blob图片,需要参数(字节数组, 文件类型)
  const blob = new Blob([result], { type: contentType })
  // 使用 Blob 创建一个指向类型化数组的URL, URL.createObjectURL是new Blob文件的方法,可以生成一个普通的url,可以直接使用,比如用在img.src上
  const url = window.URL.createObjectURL(blob)
  that.imgSrc = url
}

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

2. get / post 发请求，携带query参数

2.1 get请求

axios.get('路由', {
  params: obj
})
  .then()

2.2 post请求

axios.post('路由', null, {
  params: {
    data: data,
    id: this.id
  }
})
  .then()

3. 隐藏手机自带键盘

<van-field :value="" type="number" label="￥" @focus="hiddenKeyBoard();show=true"/>

methods: {
  hiddenKeyBoard() {
    document.activeElement.blur();
  },
}