本项目使用的node版本为12+,更高版本会与引入的node-sass 4+包不兼容。 当前已将node-sass替换为dart-sass(官方新版已更名为sass),无需再担心node-sass安装失败或者与node版本的匹配问题。 #项目安装 注:以下为windows操作系统,编辑器为vscode为例。
该功能是对页面路由进行管理,组件地址需要与项目组件的地址严格对应,否则当登录时找不到对应地址文件会报异常。# 目录结构└─ src └─ pages └─ menu # 系统菜单 ├─ components # │ ├─ IconSelect.vue # 选择图标 │ └─ MenuModal.vue # 创建/编辑菜单 └─ index.vue # 菜单列表 ...
当页面滚动时,改变 header 背景色与展示内容,如影视详情、影人详情等页面# 实现注册window.addEventListener("scroll", function(){ }) 事件,监听页面滚动,根据滚动的高度做不同的处理。# 核心代码如果页面 keep-alive ,会先后触发 mounted->activated 生命周期,因此用 isBindScroll...
importhttpfrom'@/http/index'// 影视相关接口exportconstgetMovies=(params)=>http.get(`/movies`,params);// 影视列表exportconstgetMovie=(id)=>http.get(`/movies/${id}`);// 影视详情 import http from '@/http/index'引入axios封装文件,其中@为src目录别名,在vue.config.js文件中定义。
登录后用户路由菜单会写入vuex与storage中,但用户如果刷新页面,addRouter中的路由会丢失,所以在路由router文件中,需要再次执行addRouter操作,并在main.js中引入。 const_import=require('./_import_'+process.env.NODE_ENV)// 引入组件方式importrouterfrom"@/router/index"importLayoutfrom'@/pages/Layout'importstore...
系统角色页面,左边是管理员角色列表,右边是菜单树形列表,点击左侧角色右侧会显示该角色已勾选菜单。 #目录结构 └─ src └─ pages ├─ role │ ├─ components │ └─ RoleModal.vue # 创建/编辑角色 └─ index.vue # 角色权限列表 #页面图 ...
16年开始从事web开发工作,做了两年前后端开发,主要是PHP和Vue; 18年下半年入职现在的公司,专职前端开发至今;负责的项目,服务几千所学校,近百万家长; 前端主技术栈为JavaScrip、Vue; 后端熟悉PHP、MySql等。 作者主页:https://ixook.com(opens new window) ...
本文档是 慕影网 项目中的 H5客户端 部分的开发文档,完整项目共包含以下部分:《慕影网H5客户端演示地址》 (opens new window) 《慕影网H5客户端源码地址》 (opens new window) 《慕影网H5客户端接口文档地址》 (opens new window) 《慕影网H5组件库演示地址》 (opens new window) 《慕影网H5组件库源码...
影人页面与角色页面差不多,相比影视页面,内容少了很多,影人页面有的功能,影视大多也有。以下只说几个不同点 #目录结构 └─ src └─ views └─ actor # 影人 ├─ award # 获奖详情 ├─ role # 饰演角色 ├─ works # 参演作品 └─ detail # 详情 ├─ components # 组件 │ ├─ ActorAward ...
在main.js中注入到Vue中作为全局方法 importglobalFuncfrom'@/util/global';Vue.use(globalFunc); #使用 // 引入接口import{getGenres}from"@/api/basic";exportdefault{data(){return{// 初始化默认数据...this.$defaults(),}},mounted(){this.getData();},methods:{// 获取接口数据 $getData 方法会将...