- 博客(15)
- 收藏
- 关注
RSS订阅原创 d3-graphviz实现拓扑图
d3-graphviz实现拓扑图源码地址：https://gitee.com/simod/d3-graphviz具体代码如下：<template>//防止节点数据太多页面出现空白，所以添加loading <div class="main-charts" v-loading="loadList" element-loading-text="拼命加载中"> // 承载画布的元素 <div class="graph-container" id="gra
2020-07-08 16:24:55
4477
原创 vue动态组件的使用
1，vue的动态组件的使用<template> <div id="app"> <!-- vue.js提供了一个特殊元素 component 用来动态挂载组件 使用is特性来选择挂载的组件--> <component :is="current"></component> <button @click="...
2019-10-17 16:48:16
213
原创 JavaScript常用的正则匹配
// 常用的正则规则// eslint-disable-next-lineexport const regExpConfig = { IDcard: /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-...
2019-05-13 20:39:30
197
原创 vuex刷新页面数据丢失的问题
1,页面刷新数据丢失的原因？vuex是将state当做全局变量存储。刷新页面之后自然随着页面的刷新重新初始化state。所以存的数据也会丢失。2，解决数据丢失，一般都会用localstorage或者cookie去缓存数据。3，推荐新的插件vuex-along，使用方法：第一步：npm install vuex-along或者yarn add vuex-along第二步：引入：import...
2019-05-08 09:18:50
1063
1
原创 nuxt的asyncData在方法内没有办法通过 this调用
1，问题分析：由于asyncData方法是在组件初始化 前被调用的，并且是在服务端调用所以该方法是没有办法通过 this 来引用的，也就意味着只能在首次重新加载的时候调用，如果遇到了分页，当页码改变的时候不能做服务端的调用。2，解决方法：nuxt的官方文档中提供了watchQuery属性可以监听参数字符串的更改。如果定义的字符串发生变化，将调用所有组件方法(asyncData, fetch...
2019-05-08 09:16:35
8922
原创 graphql-playground的使用教程
一、什么是ggraphql-playgroundGraphQL Playground是一款专门为数据查询语言GraphQL设计的免费开源的IDE。它为加载包含graphql文件的本地存储库以及连接到远程端点提供了轻松编辑代码的功能与直观的界面。与Apollo Client Developer Tools 工具相比它具有以下附加功能：交互式多列架构文档自动架构重新加载支持GraphQL订阅...
2018-12-29 10:44:50
6848
原创 vue-apollo的多客户端的用法
###### #### ###### #### ### # vue-apollo的多客户端的用法以及apollo.js的配置关于如何安装和如何使用，这篇文章就先暂时不介绍了，如果不清楚就看我另一篇关于vue-apollo的用法在做项目中，有时候后端的接口是按模块功能去划分的，那么请求的地址就会不同，关于vue-apollo的多客户端配置如下：import { ApolloClient }...
2018-12-28 14:37:25
1117
原创 项目中遇到的问题的总结
1、element-ui的input组件自动获取焦点的问题 问题描述：element本身的autofocus只有页面第一次加载的时候能够自动获取，关闭弹框再次打开不会自动获取焦点： 解决方法： 法1，this.$nextTick(() => { this.$refs.nameInput.$el.querySelector('input').focus(); ...
2018-09-04 17:26:04
386
原创 在vue-cli中使用graphql即vue-apollo的用法
1、首先我们需要安装一下vue-apollo 具体执行命令如下： npm install –save vue-apollo graphql apollo-client apollo-link apollo-link-http apollo-cache-inmemory graphql-tag 2、在我们的项目的根目录下创建一个vueApollo.js文件具体配置如下：import { ...
2018-07-20 16:16:51
4294
11
原创 vue之mixins的使用方法
首先是我们对于mixins的概念的理解：混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项，不推荐全局注册混入。 其次是使用场景：就比如说我现在将element-ui的弹框组件进行了封装，那我们知道在element1.x版本时，控制弹框组件大小的属性是size，但是升级到2....
2018-07-02 10:59:12
3521
原创 利用nginx做反向代理解决前端的跨域问题
首先我们要从nginx官网去下载nginx的压缩包，解压之后就可以用了，然后找到nginx目录下的nginx.conf文件，然后进行配置配置如下：到这一步我们的nginx就算是配置完成了，然后我们再说一下nginx常用的命令启动：start nginx停止： nginx -s quit重新加载配置文件： nginx -s reload 查看windows任务管理器下Nginx的进程命令：taskl...
2018-06-22 17:36:21
191
原创 vue的methods方法中如何使用filter
首选，项目根目录下创建一个filter文件，然后新建一个index.js文件，在index文件中引入vue，将这个index文件在man.js中全局引入，filter文件的写法如下在methods中的使用方法如下：this.$options.filters.penaltyType(error.msg)其中penaltyType为调用的过滤器名称，error.msg为ajiax请求后台返回的code...
2018-06-21 15:22:01
4903
原创 vue过滤器中如何使用vue-i18n进行多语言的国际化翻译
//单个过滤起的文件，在main.js中引入，全局使用import Vue from 'vue'import moment from 'moment'import accounting from 'accounting'import i18n from '../i18n/i18n' //引入国际化语言的语言包Vue.filter('projectDate', date => moment(...
2018-06-07 16:48:42
3636
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人