var data = { newVideosList: [{"title":"大雄兔","titlepic":"","des":"大雄兔(Big Buck Bunny)720p","vgid":2,"try":false,"url":"/v/013d594b4c410444633c12116c5e38784625334b30"},{"title":"演示视频-04","titlepic":"","des":"SVIP会员\u003cbr\u003e不允许试看","vgid":4,"try":false,"url":"/v/1e2619494c4107444775021a55730c51463b071610"},{"title":"演示视频-03","titlepic":"","des":"VIP会员\u003cbr\u003e允许试看","vgid":3,"try":true,"url":"/v/0d01262c4c41064404381f64770e3a4f463a0c1d02"},{"title":"演示视频-02","titlepic":"","des":"普通会员\u003cbr\u003e不允许试看","vgid":2,"try":false,"url":"/v/5238304a4c420f44072a3d637c0a3661461708481b"}], hotCoursesList: [{"title":"演示课程-02","des":"课程介绍-02","url":"/c/3d172b154c411b1942053b1b066e6d1a1c400215","videos":[{"title":"演示视频-04","url":"/v/203918164c4107444775021a55730c514646133b12"},{"title":"演示视频-03","url":"/v/183e1c364c41064404381f64770e3a4f46365a1103"},{"title":"演示视频-02","url":"/v/59185b3b4c420f44072a3d637c0a366146451c4b09"}],"count":0},{"title":"演示课程-01","des":"课程介绍-01","url":"/c/033d044c4c421b1001753e3a4149111a53113e0c","videos":[{"title":"大雄兔","url":"/v/2d4601284c410444633c12116c5e38784646334208"},{"title":"演示视频-01","url":"/v/0d2c1c3b4c421b0e5d151863444c3b1a2a32293b"}],"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")