当前位置: 首页 > Web前端 > vue.js

vue项目

时间:2023-03-31 17:22:02 vue.js

vue项目添加菜单vue是基于组件的:vm组件,一个vue组件(或者说vue实例,两者只有细微的区别)可以看作是view和model的结合,或者更直接一点:模板+模型。模型的属性(props)可以在视图中被引用时赋值,模型的数据(data)可以被视图访问到。视图和模型之间还有其他调用关系。详情请参考:https://www.jianshu.com/p/937...那么对于构建开发方法,我们可以按照以下步骤进行:1.添加构建index.js记录菜单路由:import{modName}from'./vars'/**@type{import('vue-router').RouteConfig[]}*/constroutes=[{path:`/${modName}`,meta:{title:'计费',图标:'菜单',permissionTag:'bill'},孩子们:[{路径:'充值',组件:()=>导入('./views/recharge/Index.vue'),元:{title:'RechargeManagement',permissionTag:'bill_recharge'}}]}]exportdefault{routes}vars.js是路由配置中的变量exportconstmodName='bill'Index.vue:component充值2.在app/plugins/core.js中添加路由到moduleList3.添加菜单在系统权限表中在系统权限表中添加菜单权限,然后分配给相应的角色post请求如果后端通过@Requestbody接受参数,则需要发起:application/json请求。我们使用:this.$http.post使用application/json提交数据

猜你喜欢