Vue通过WebSocket建立长连接的实现代码
在项目开发中，后端需要处理一连串的逻辑，或者等待第三方的数据返回来进行处理之后在返回给前端，可能时间会很长，而且前端也不知道后端什么时候能处理好（时间长的话会达到10分钟左右），如果...
- 0
- 0
- admin
- 发布于 2020-07-24 22:40
- 阅读 ( 509 )
admin
原生js实现随机点名功能
本文实例为大家分享了js实现随机点名的具体代码，供大家参考，具体内容如下 原生js实现随机点名，js部分有注释 <!DOCTYPE html> <html lang="en"> <head> <meta cha...
- 0
- 0
- admin
- 发布于 2020-07-24 22:39
- 阅读 ( 506 )
element-ui 文件上传修改文件名的方法示例
技术背景 Vue + axios + element-ui 问题的产生 一个美好的周五，我正在愉快地打着代码，突然收到一封来自产品的神秘消息，线上活动出 BUG 了！呐尼！怎么可能！一定是你的打开方式不对！打...
- 0
- 0
- admin
- 发布于 2020-07-24 22:38
- 阅读 ( 534 )
vue keep-alive 动态删除组件缓存的例子
业务需求： 切换tab页标签的时候（路由前进的时候），缓存当前组件数据，关闭tab页标签的时候清除组件缓存。 实现： 1、先在store的state里面设置一个要缓存数组 2、在进到子页面的时候，...
- 0
- 0
- admin
- 发布于 2020-07-24 22:38
- 阅读 ( 560 )
javascript如何实现create方法
这篇文章主要介绍了javascript如何实现create方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 1. 背景 项目使用 easyui + jquery作...
- 0
- 0
- admin
- 发布于 2020-07-24 22:37
- 阅读 ( 525 )
关于vue里页面的缓存详解
keep-alive是vue内置的一个组件，可以使被它包含的组件处于保留状态，或避免被重新渲染。 用法： 运行结果描述： input输入框内，路由切换输入框内部的内容不会发生改变。 在keep-alive...
- 0
- 0
- admin
- 发布于 2020-07-24 22:37
- 阅读 ( 537 )
vue2.0 获取从http接口中获取数据,组件开发,路由配置方式
vue 2.0 从接口中获取数据 <template> <div id="admins"> <h1>I am a title.</h1> <a> written by {{ author }} </a> <div v-for="admin in us...
- 0
- 0
- admin
- 发布于 2020-07-24 22:36
- 阅读 ( 539 )
解决vue更新路由router-view复用组件内容不刷新的问题
本文知识点比较简单，主要面向vue新人解惑，vue前辈请忽略。 实现功能： 见上图，这是一个产品列表，当进入不同列表时应该更新内容。 代码如下： //router配置 { path: "/products/:ca...
- 0
- 0
- admin
- 发布于 2020-07-24 22:35
- 阅读 ( 570 )
vue实现权限控制路由(vue-router 动态添加路由)
用户登录后返回权限菜单，前端根据权限菜单动态添加路由，然后再动态生成菜单栏。 思路如下： 一、定义初始化默认路由。 二、动态配置路由，这里是把所有组件中相应的路由配置成一个个的对...
- 0
- 0
- admin
- 发布于 2020-07-24 22:34
- 阅读 ( 484 )
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 )
