vue实现权限控制路由(vue-router 动态添加路由)
用户登录后返回权限菜单，前端根据权限菜单动态添加路由，然后再动态生成菜单栏。 思路如下： 一、定义初始化默认路由。 二、动态配置路由，这里是把所有组件中相应的路由配置成一个个的对...
- 0
- 0
- admin
- 发布于 2020-07-24 22:34
- 阅读 ( 484 )
admin
Vue路由对象属性 .meta $route.matched详解
$route.fullPath 1 路由是：/path/:type真正路径是：/path/list 2 path匹配路径: /path/list 3 fullPath匹配路由: /path/:type 路由元信息 .meta const router = new VueRouter({ routes:...
- 0
- 0
- admin
- 发布于 2020-07-24 22:33
- 阅读 ( 564 )
element-ui table组件如何使用render属性的实现
在使用 element-ui table组件时，由于表列比较多一个个写特别麻烦，所以想通过将所有表头定义成一个数组，通过遍历多方式去实现。这样解决了手写很多 el-table-column 的情况。 障碍： 类似于...
- 0
- 0
- admin
- 发布于 2020-07-24 22:33
- 阅读 ( 537 )
Vue 解决多级动态面包屑导航的问题
固定路由的面包屑导航 我们在配置router的时候，可以将面包屑数据配置在meta中， 例如 路由配置： { path: '/project/process/:id', name: 'process', component: () => import('@...
- 0
- 0
- admin
- 发布于 2020-07-24 22:32
- 阅读 ( 548 )
VUE+elementui面包屑实现动态路由详解
我的路由： const routerMap = [ { path: '/', redirect: 'dashboard', component: Layout, name:'Dashboard', children: [ { path: 'dashboard',...
- 0
- 0
- admin
- 发布于 2020-07-24 22:32
- 阅读 ( 519 )
Vuex,iView UI面包屑导航使用扩展详解
本案例是基于Vuex的公共数据库，你在了解本案例之前要了解Vuex的使用方法。 https://www.iviewui.com/components/breadcrumb 打开网址我们可以知道这个组件的面包屑导航是基于路由跳转的。但...
- 0
- 0
- admin
- 发布于 2020-07-24 22:31
- 阅读 ( 466 )
vue双向绑定数据限制长度的方法
vue双向绑定数据如何限制长度？具体方法请阅读文章 问题描述 vue中输入框v-modle 双向绑定的数据；在需要的业务场景下需要对其进行字数长度限制； 解决方案 可以使用以下方法： 方法一：...
- 0
- 0
- admin
- 发布于 2020-07-24 22:31
- 阅读 ( 522 )
使用p5.js临摹动态图片
本文实例为大家分享了p5.js临摹动态图片的具体代码，供大家参考，具体内容如下 1、临摹图片 2、图像运动规律 原图中一共有36个等大的四分之三圆形，按照一定的规律转动，可以等效为圆形不...
- 0
- 0
- admin
- 发布于 2020-07-24 22:30
- 阅读 ( 587 )
p5.js绘制创意自画像
本文实例为大家分享了p5.js绘制自画像的具体代码，供大家参考，具体内容如下 绘制结果 人物头上的呆毛会一直运动，鼠标出现在画面上时左上角会有一个小猫咪头随着鼠标移动，而且人物的眼睛...
- 0
- 0
- admin
- 发布于 2020-07-24 22:30
- 阅读 ( 512 )
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
本文实例讲述了Vue图片浏览组件v-viewer用法。分享给大家供大家参考，具体如下： v-viewer 用于图片浏览的Vue组件，支持旋转、缩放、翻转等操作，基于viewer.js。 从0.x迁移 你需要做的唯一...
- 0
- 0
- admin
- 发布于 2020-07-24 22:29
- 阅读 ( 515 )
vue 指令和过滤器的基本使用(品牌管理案例)
定义一个过滤器 <div id="app"> <p>{{ msg | msgFormat('疯狂+1', '123') | test }}</p> </div> // 定义一个 Vue 全局的过滤器，名字叫做 msgFormat Vue.filter(...
- 0
- 0
- admin
- 发布于 2020-07-23 22:55
- 阅读 ( 523 )
vue中使用GraphQL的实例代码
1. 初始化vue项目 npm install -g @vue/cli vue create vue-apollo-demo 选择默认cli的默认模板就可以了 添加 /src/graphql/article.js 、 /src/utils/graphql.js 两个文件。 ├── node_modu...
- 0
- 0
- admin
- 发布于 2020-07-23 22:54
- 阅读 ( 513 )
Vue项目中Api的组织和返回数据处理的操作
项目中的所有Api配置放在一个文件中，便于查找和修改，Api的版本从配置文件(config.js)中读取，采用 apiPrefix + url 的形式组成。 在配置文件中，Api 的配置采用 Http请求方式 url 的方式，默...
- 0
- 0
- admin
- 发布于 2020-07-23 22:54
- 阅读 ( 474 )
nodejs实现UDP组播示例方法
众所周知，UDP数据传输方式有 单播，组播，广播。 其中单播模式是最常用，这里就不再啰嗦了，网上随便都能搜到。 下面的示例主要实现简单的UDP组播方式。可以正常收发UDP数据。 Server端代码...
- 0
- 0
- admin
- 发布于 2020-07-23 22:53
- 阅读 ( 443 )
nodejs dgram模块广播+组播的实现示例
本机IP地址是10.8.93.80， 具体信息如上图所示 根据计算得知我的广播地址应该是10.8.93.255，不是10.8.93.254哦。 其它内容就直接上代码 server.js const dgram = require('dgram'); con...
- 0
- 0
- admin
- 发布于 2020-07-23 22:53
- 阅读 ( 552 )
JS+CSS实现随机点名(实例代码)
HTML代码结构 <body> <div id="box">随机点名</div> <span id="span">开始</span> </body> CSS代码结构 <style> #box { width: 30%;...
- 0
- 0
- admin
- 发布于 2020-07-23 22:52
- 阅读 ( 522 )
Vue.js页面中有多个input搜索框如何实现防抖操作
debounce简介 debounce是lodash工具库中的一个非常好用的函数。在实现搜索框对输入进行动态查询的时候，我们需要防止前端频繁的发送查询请求给后端，这个时候就需要用到debounce，它可以设置一...
- 0
- 0
- admin
- 发布于 2020-07-23 22:52
- 阅读 ( 533 )
详解利用eventemitter2实现Vue组件通信
当两个组件之间没有任何父子关系时，利用Vue标准的props传值和emit触发事件无法解决他们之间通信的问题。最近做的项目使用的是eventemitter2，来实现不相关组件之间的通信。这篇文章分享的是我...
- 0
- 0
- admin
- 发布于 2020-07-23 22:51
- 阅读 ( 556 )
jQuery实现form表单基于ajax无刷新提交方法实例代码
本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法。分享给大家供大家参考，具体如下： 首先，新建Login.html页面： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//...
- 0
- 0
- admin
- 发布于 2020-07-23 22:50
- 阅读 ( 552 )
JS立即执行的匿名函数用法分析
本文实例讲述了JS立即执行的匿名函数用法。分享给大家供大家参考，具体如下： ;(function() {})(); 1.他叫做立即运行的匿名函数(也叫立即调用函数) 2.当一个匿名函数被括起来，然后再在后面...
- 0
- 0
- admin
- 发布于 2020-07-23 22:50
- 阅读 ( 471 )
