iview-admin2.5.0动态菜单说明本文大多内容摘抄自https://www.cnblogs.com/smilexumu/p/10521612.html此文章，但是这个文章有个小bug，第一次登录不显示菜单，不知道是不是作者写漏了还是其他问题。本文进行了bug修复，实际测试可以使用。只限2.5.0版本，其他版本没测试过。模拟菜单数据[{"path":'/multilevel',"name"
原创
2019-04-23 11:22:12
6897阅读
本项目采用的模板为vue-element-admin i18n分支在网上看了很多教程，发现都写的很复杂(本人比较菜) , 用尽千辛万苦终于实现了这个功能首先修改src/store/modules目录下的permission.js文件为了区分，下面先附上原文件代码import { asyncRoutes, constantRoutes } from '@/router'
/**
* Use me
转载
2024-06-19 10:55:56
187阅读
iview vue 动态禁止table选中
原创
2022-07-17 00:01:20
197阅读
以下方法只适用于 Vue1.0 版本，推荐系数由高到低排列。通常我们会在组件里的 template 属性定义模板，或者是在*.vue文件里的 template 标签里写模板。但是有时候会需要动态生成模板的需求，例如让用户自定义组件模板，或者设置组件的布局。例如要做一个类 select 的组件，用户传入 options 数据，通过 value prop 获取选中值，最基本的原型如下。Vue.comp
转载
2024-03-22 09:47:45
108阅读
iview vue 动态隐藏Table列
原创
2022-07-17 00:37:25
1297阅读
<template> <div class="tree"> <Tree @on-select-change="onselectchange" ref="tree" :data="data4" show-checkbox></Tree> <Button @click="getData">获取</Button> <Button v-aoth="1-1-2" type="prim.
原创
2021-07-05 15:57:02
1318阅读
api/user.jsexportconstlogin=({userName,password})=>{constdata={username:userName,password}returnaxios.request({url:'/api/token',data,method:'post'})}config/index.jsbaseUrl:libs/axios.jsimport{getTo
原创
2019-04-23 11:04:47
2839阅读
<template> <div class="tree"> <Tree @on-select-change="onselectchange" ref="tree" :data="data4" show-checkbox></Tree> <Button @click="getData">获取</Button>
原创
2022-01-30 17:47:19
1261阅读
在程序根目录右键打开cmd，输入 这时就会进入打包的步骤，打包好之后就会在程序根目录出现一个dist的文件夹，里面有一个index.html文件和另一个dist的文件夹。 这里要说明几点： 3. 修改webpack.prod.config.js文件output属性中的publicPath的值，写上服
转载
2018-05-08 18:16:00
124阅读
2评论
# def get_urls(self): # urls = super().get_urls() # my_urls = [ # path('home_page/', self.admin_site.admin_view(self.my_view, cacheable=True)), # ] #
原创
2022-03-22 17:24:42
284阅读
最近整理了一下关于vue后台管理项目动态路由权限管理及菜单的渲染：环境：vue3.0+element-plus+vue-router4.0思路：router/index.js文件：配置路由，路由分为两部分：公共路由+动态路由（注意：配置不存在路由跳转到默认页面的代码，需要写在动态路由里，否则会造成刷新页面，跳转到默认页面）router/permission.js文件全局导航守卫，设置路由拦截（在m
转载
2024-07-29 13:43:01
358阅读
Vue动态路由1、添加路由2、在导航守卫中添加路由3、删除路由3.1 通过添加名称冲突的路由。3.2 通过调用router.addRoute()函数返回的回调。3.3 通过调用router.remoceRoute()函数按名称删除一个路由。4、添加嵌套路由5、查看现有路由
原创
2023-02-13 11:42:12
775阅读
动态路由:让多个组件使用同一个挂载点，并根据需求
动态切换. 基础语法: <div id="example"> <button @click="change">切换页面</button> <component :is="currentView"></component> </div> <script> ...
转载
2021-09-16 08:51:00
907阅读
2评论
因公司业务的发展，需要做一款新的产品，该产品分为：用户端和后台管理。我负责后台管理系统的开发。在看了UI的设计图后，又因为产品的周期较短，所以，我果断采用了vue-element-admin 来快速的搭建后台管理系统。这里我主要说下在这个过程中用到的动态路由，简单的总结下。 vue-element- ...
转载
2021-07-26 23:12:00
847阅读
4评论
Vue动态路由 1、不同路由传值：动态路由 1、配置动态路由 routes: [ // 动态路径参数 以冒号开头 { path: '/user/:id', component: User } ] 2、在对应的页面 this.$route.params获取动态路由的值 var aid=this.$ro
转载
2019-06-22 22:19:00
481阅读
2评论
最近在写vue项目，需要由后台传来当前用户对应权限的路由表，前端通过调接口拿到后处理(后端处理路由)，就是配置vue动态路由啦。由于错信了一些网上的文章:(，导致在这个问题上耗费了不少时间，想想，还是自己写一篇文章来记录一下那些遇到的坑吧。接下来手把手记录一下，如何从零开始配置vue动态路由。首先呢，先看看静态路由的配置，简单预览一下，熟悉的可以直接跳过，说这部分，是为了熟悉一下路由的配置，配置动
转载
2024-03-03 12:59:10
123阅读
1、登录页面：src/view/login引用src/components/login-form，点击登录按钮后，触发on-success-valid事件on-success-valid事件在src/view/login中执行事件响应handleSubmit函数handleSubmit函数调用src/store/module/user.js中的handleLogin和getUserInfo...
原创
2021-07-15 10:27:42
2251阅读
https://github.com/iview/iview-admin/tree/template
原创
2022-08-29 16:18:56
117阅读
Vue Router 是 Vue.js 官方的路由管理器，用于在单页应用（SPA）中进行页面的路由跳转与状态管理。它可以帮助你在一个应用中实现不
实现动态路由有两种方式，一种是后端返回什么，前端就展示什么，另一种是后端只返回角色，前端根据角色拼接数据信息展示。相比第一种方式，第二种方式在企业中更常用。第一种方式：（一）后端需返回类似Vue-router形式的json文件，如[
{path:'/userlist',name:'userlist',title:'用户列表',component:'Userlist.vue'},
{pat
转载
2023-11-27 12:57:55
114阅读
