1. 模态框关闭后，video视频继续播放的问题

  1. <video
  2.     id="video"
  3.   v-if="materialInfo.type === 'video'"
  4.   width="100%"
  5.   height="auto"
  6.   autoplay
  7.   :src="materialInfo.cloud_uri"
  8.   controls="controls"
  9. >
  11. <script>
  12.   export default {
  13.     methods: {
  14.       handleClose () {
  15.         const video = document.querySelector('#video')
  16.         video.src = '' //video.pause()也能达到同样的效果，但是资源会继续加载
  17.       }
  18.     }
  19.   }
  20. </script>

2. 资源无法下载的问题

原因：返回的字段没有编码，encodeURIComponent先编码

  1. iframe.src = `/api/down?name=${encodeURIComponent(name)}`

3. 有时候我们需要按照顺序执行方法

  1. getList() {
  2.   return getList().then(d => {
  3.     return Promise.resolve(d)
  4.   })
  5. },
  6. async toDo(){
  7.     await getList()
  8.   await ...
  9. }

4. js中对数组某个值的修改

  1. let arr[index] = { name: 'zxp' } //❌
  2. arr.splice(index, 0, { name: 'zxp' } //✅