var data = { newVideosList: [{"title":"大雄兔","titlepic":"","des":"大雄兔(Big Buck Bunny)720p","vgid":2,"try":false,"url":"/v/3b113a2e4c410444633c12116c5e387846422e2017"},{"title":"演示视频-04","titlepic":"","des":"SVIP会员\u003cbr\u003e不允许试看","vgid":4,"try":false,"url":"/v/1f4132224c4107444775021a55730c51463e591824"},{"title":"演示视频-03","titlepic":"","des":"VIP会员\u003cbr\u003e允许试看","vgid":3,"try":true,"url":"/v/5f1207344c41064404381f64770e3a4f4641133b52"},{"title":"演示视频-02","titlepic":"","des":"普通会员\u003cbr\u003e不允许试看","vgid":2,"try":false,"url":"/v/2e31060b4c420f44072a3d637c0a366146335a3123"}], hotCoursesList: [{"title":"演示课程-02","des":"课程介绍-02","url":"/c/0e3e10184c411b1942053b1b066e6d1a09342733","videos":[{"title":"演示视频-04","url":"/v/0c45094d4c4107444775021a55730c51461e3c3912"},{"title":"演示视频-03","url":"/v/0a3c294d4c41064404381f64770e3a4f4636302c39"},{"title":"演示视频-02","url":"/v/06160e4b4c420f44072a3d637c0a36614602013f09"}],"count":0},{"title":"演示课程-01","des":"课程介绍-01","url":"/c/3d4308164c421b1001753e3a4149111a280d0403","videos":[{"title":"大雄兔","url":"/v/5807304c4c410444633c12116c5e3878462f242936"},{"title":"演示视频-01","url":"/v/0d070b314c421b0e5d151863444c3b1a3133193e"}],"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")