Wjhsmart的博客

在做Echarts图表时，发现当有多条折线图渲染时，折线图和y轴上面的数字不匹配的bug。如下图所示，本文记录一下解决方案。

本文记录Vue sockjs.js net:ERR_CONNECTION_TIMED_OUT 报错解决方案。

本篇博客记录了如何解决vue项目打包报错： building for production...Error processing file: static/css/app.7dc218ade4b6d7ceea8bfea2e79024d9.css

本篇博客记录了vue中路由跳转的几种方式，分别记录了带参数和不带参数的使用方式。

本篇博客记录了后台管理系统实现锁屏功能的实现代码。不在电脑面前，担心系统数据被别人看到？不妨试一下做个锁屏功能，把系统锁住？

本篇博客搜集了一些博主常用的VSCode的一些插件，可以提升开发效率。

一、说明当我们页面上引入的组件过多时，会导致页面加载速度变得很慢，为了加快页面的渲染速度，我们引入组件使用异步加载，只有当用到这个组件的时间，页面才会去加载组件，这样一来，就大大加快了页面的渲染速度。这种方式也可以减少打包后的app.js文件大小。注：在iview的UI框架中测试。二、code1、以下是默认的写法。import HomeHeader from "./compo...

一、说明在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面会详细介绍下watch的使用二、使用1、单纯的对值进行监听，当demo的值发生变化时，value的值也会随着变化，直接看代码：<template> <div> <el-input v-model="demo"></el-input> ...

使用 iview-amdin 时，使用集成的富文本编辑器，发现菜单竟然选不了，找到 editor 的组件，发现是引入了 wangEditor ，然后找官方文档，百度继续排查，最终解决问题，这里记录下。问题截图：鼠标离开导航栏，菜单则会消失，选中不了。经排查，发现wangEditor 的输入控制栏与输入区域默认的 z-index 为100001 10000，当富文本编辑框上方有下拉...

一、父组件触发子组件的方法 1、在子组件上添加一个 ref 的标识 &lt;son-component ref="mySonComp" @fatherMenthod="fatherMenthod"&gt;&lt;/son-component&gt; 2、然后通过this.$refs['mySonComp']加上方法名来调用就可以了this.$refs['...

一、说明      有的时候我们会想不改变url地址栏的时候改变当前页面的内容，这个时候很多人都会想到用ifranme，这边文章就来介绍下如何在vue项目中使用ifranme二、效果图三、code      1、新建一个vue文件：ifranme-demo.vue&lt;template&gt; &lt;div&gt; &lt;Card&gt; ...

一、效果图二、准备工作      1、所需接口      /redis-manage/del-key   -&gt;   删除指定的key，用于删除单个缓存      /redis-manage/del-keys   -&gt;   删除多个key，用于清空缓存      /redis-manage/info   -&gt;   获取Redis信息      /re...

一、效果图二、说明      1、需要的数据表      模块表：t_module、      权限表：t_permission、      用户表：t_user、      角色表：t_role、      用户角色表：t_role_permission      2、需要的json数据，注意：由于数据过长，做了删选，具体数据按自己系统数据为准，这里提供数...

一、说明 在iview-admin2.4版本之前是没有集成v-org-tree的，那在2.4之前的版本想引入v-org-tree要怎么做呢？下面一步一步来记录下使用v-org-tree插件的过程二、效果图三、开始记录过程 1、安装v-org-tree插件，在项目的目录下执行npm install v-org-tree 2、在main.js...

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...

1、进入到自己的项目，使用npm安装vue-json-editornpm install vue-json-editor --save2、在vue组件中使用vue-json-editor<template> <div> <p>vue-json-editor使用</p> <!--在模板中使用vue-jso...

1、安装Qs依赖npm install qs2、js中引用Qsimport Qs from 'qs'3、构造数据var formData = Qs.stringify({ username:'test', password:'123456'});4、使用数据axios.request({ url: '/auth/login',...