var data = { newVideosList: [{"title":"大雄兔","titlepic":"","des":"大雄兔(Big Buck Bunny)720p","vgid":2,"try":false,"url":"/v/16333e227a55506f35461d042d2f5216591300073f"},{"title":"演示视频-04","titlepic":"","des":"SVIP会员\u003cbr\u003e不允许试看","vgid":4,"try":false,"url":"/v/2d2d21107a55536f110f0d0f1402663f59410f1133"},{"title":"演示视频-03","titlepic":"","des":"VIP会员\u003cbr\u003e允许试看","vgid":3,"try":true,"url":"/v/30243e337a55526f52421071367f50215918283106"},{"title":"演示视频-02","titlepic":"","des":"普通会员\u003cbr\u003e不允许试看","vgid":2,"try":false,"url":"/v/43170d0c7a565b6f515032763d7b5c0f59475d102d"}], hotCoursesList: [{"title":"演示课程-02","des":"课程介绍-02","url":"/c/1c003d217a554f32147f340e471f077405470310","videos":[{"title":"演示视频-04","url":"/v/0e35073d7a55536f110f0d0f1402663f5911341364"},{"title":"演示视频-03","url":"/v/24132a247a55526f52421071367f502159062f2514"},{"title":"演示视频-02","url":"/v/331510167a565b6f515032763d7b5c0f5930532c14"}],"count":0},{"title":"演示课程-01","des":"课程介绍-01","url":"/c/43075c137a564f3b570f312f00387b7436240916","videos":[{"title":"大雄兔","url":"/v/400017127a55506f35461d042d2f52165902346415"},{"title":"演示视频-01","url":"/v/4c2e57217a564f250b6f1776053d517402100311"}],"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")