var data = { newVideosList: [{"title":"大雄兔","titlepic":"","des":"大雄兔(Big Buck Bunny)720p","vgid":2,"try":false,"url":"/v/52145c344c410444633c12116c5e3878460c180322"},{"title":"演示视频-04","titlepic":"","des":"SVIP会员\u003cbr\u003e不允许试看","vgid":4,"try":false,"url":"/v/204252394c4107444775021a55730c5146061d322c"},{"title":"演示视频-03","titlepic":"","des":"VIP会员\u003cbr\u003e允许试看","vgid":3,"try":true,"url":"/v/1c4c25184c41064404381f64770e3a4f464d3e3e32"},{"title":"演示视频-02","titlepic":"","des":"普通会员\u003cbr\u003e不允许试看","vgid":2,"try":false,"url":"/v/1a022f424c420f44072a3d637c0a36614624583734"}], hotCoursesList: [{"title":"演示课程-02","des":"课程介绍-02","url":"/c/063309224c411b1942053b1b066e6d1a2d042923","videos":[{"title":"演示视频-04","url":"/v/2a16091c4c4107444775021a55730c51460d3f3550"},{"title":"演示视频-03","url":"/v/041c1b314c41064404381f64770e3a4f4605091d32"},{"title":"演示视频-02","url":"/v/18050d3f4c420f44072a3d637c0a3661461f010a33"}],"count":0},{"title":"演示课程-01","des":"课程介绍-01","url":"/c/1a0f05194c421b1001753e3a4149111a3b115e42","videos":[{"title":"大雄兔","url":"/v/24395c0d4c410444633c12116c5e3878461f5c3650"},{"title":"演示视频-01","url":"/v/0a2539094c421b0e5d151863444c3b1a2d022f4b"}],"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")