vue項目src用require後，動态擷取src的方法

今天用到了require來引入src，然後我發現這樣就隻能寫死了，無法動态給src，然後網上看的解決辦法沒有用，我就自己試了很多方法，最後發現一個辦法可以讓背景控制顯示哪個

思路：既然我們無法讓背景動态更改我們的路徑，那就隻能我們提前把路徑儲存好，然後背景給我們對應的序号，然後我們根據序号來動态添加對應的src已達到背景控制動态更改的目的。

<template>
  <div>
    <video :src="getSrc[srcNum].src" controls="controls" width="100%" height="300px"></video>
  </div>
</template>

<script>
export default {
  data() {
    return {
        //提前存放的src位址
        getSrc:[
            {src:require("@/video/qiang.mp4")},
            {src:require("@/video/ceshi.mp4")},
            {src:require("@/video/ceshi2.mp4")},
        ],
        //背景傳序号
      srcNum:0
    };
  },

};
</script>