var data = { newVideosList: [{"title":"大雄兔","titlepic":"","des":"大雄兔(Big Buck Bunny)720p","vgid":2,"try":false,"url":"/v/041b21154c410444633c12116c5e3878463b024931"},{"title":"演示视频-04","titlepic":"","des":"SVIP会员\u003cbr\u003e不允许试看","vgid":4,"try":false,"url":"/v/5a170e424c4107444775021a55730c514620580c0c"},{"title":"演示视频-03","titlepic":"","des":"VIP会员\u003cbr\u003e允许试看","vgid":3,"try":true,"url":"/v/0d2c593d4c41064404381f64770e3a4f46265c3835"},{"title":"演示视频-02","titlepic":"","des":"普通会员\u003cbr\u003e不允许试看","vgid":2,"try":false,"url":"/v/041f3a3e4c420f44072a3d637c0a366146121e0957"}], hotCoursesList: [{"title":"演示课程-02","des":"课程介绍-02","url":"/c/1b015d304c411b1942053b1b066e6d1a26213b37","videos":[{"title":"演示视频-04","url":"/v/3a002d224c4107444775021a55730c5146341e1d2d"},{"title":"演示视频-03","url":"/v/32032f2f4c41064404381f64770e3a4f46275d3924"},{"title":"演示视频-02","url":"/v/2e40044b4c420f44072a3d637c0a3661462d281b39"}],"count":0},{"title":"演示课程-01","des":"课程介绍-01","url":"/c/253a0b3b4c421b1001753e3a4149111a39265d10","videos":[{"title":"大雄兔","url":"/v/0343230c4c410444633c12116c5e3878463e531d2a"},{"title":"演示视频-01","url":"/v/311019494c421b0e5d151863444c3b1a06423216"}],"count":0}], vgroupOptions: [{"value":1,"label":"限制访问"},{"value":2,"label":"普通会员"},{"value":3,"label":"VIP"},{"value":4,"label":"SVIP"},{"value":5,"label":"SSVIP"}], } const App = { data() { return data; }, methods: { handleNav(index) { let url; switch (index) { case "0": url = "/"; break; case "1": url = "/courses/"; break; case "2-1": url = "/reg/"; break; case "2-2": url = "/login/"; break; case "2-3": url = "/my/"; break; case "2-5": url = "/profile/"; break; case "2-6": url = "/ip/"; break; case "2-4": url = "/logout/"; break; default: url = "/"; } window.location.href = url; }, getVGName(vgid) { var vgMap = {}; this.vgroupOptions.forEach(item => { vgMap[item.value] = item.label; }); return vgMap[vgid] }, }, computed: { } } const app = Vue.createApp(App) app.use(ElementPlus) app.mount("#app")