6 sleepwalker_1992

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 8k+

vue-cli搭建的项目中使用mockjs

1、安装mockjs和axios2、在vue-cli搭建的项目根目录下新建一个js文件:mocks/index.js// 引入mockjsimport Mock from 'mockjs';// 假数据var menus = [ { 'menuId': 1, 'menuName': '系统管理' }, { '...

2020-03-24 17:03:21

vue-cli 3.x 搭建的项目中ESlint 语法检测配置说明

vue-cli 3.x 搭建的项目中ESlint 语法检测配置说明vue-cli 3.x搭建的项目中ESlint 语法检测配置,在package.json文件中,但可以在vue.config.js文件中关闭Eslint 语法检测。一、不使用Eslint 语法检测规则关闭Eslint 语法检测,可以在vue.config.js文件中设置lintOnSave或devServer.ov...

2020-02-06 18:57:39

vue-cli 3.x 配置多页面应用程序(配置文件vue.config.js )

vue.config.jsconst path = require('path');module.exports = { // 环境配置 devServer: { host: '0.0.0.0', port: '8090', https: false, open: true }, // 设置路...

2020-02-06 14:28:21

JavaScript实现图片文件转base64

图片文件转base64,利用canvas// 图片文件转base64,利用canvasfunction getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; ...

2020-02-05 22:29:44

vue-cli 3.x搭建的项目中vue-router的使用

vue-cli 3.x 文档:https://cli.vuejs.org/zh/Vue RouterVue Router基本用法vue-router实现Vue组件之间传参一、选择默认的包含基本的 Babel + ESLint 设置的 preset,创建一个默认的vue项目,项目目录结构如下:二、安装vue-router,并在项目中使用1、安装 np...

2020-02-05 16:03:46

js-cookie

1、安装npm install js-cookie2、应用<template> <div> <button @click="setCookie">创建cookie</button> <button @click="getCookie">读取cookie</button> <but...

2019-05-21 20:12:05

Element-UI实现Tree 树形控件节点添加图标

Element-UI实现Tree 树形控件节点添加图标:属于自定义节点内容,可以通过两种方法进行树节点内容的自定义:render-content 和 scoped slot。1、scoped slot实现在节点区添加图标传入两个参数 node 和 data , 分别表示当前节点的 Node 对象和当前节点的数据<template><div> &l...

2019-03-28 19:54:16

Element-UI的Select组件实现全选

选中状态变化的时候,分五种情况1、点击全选,选中全部2、全选状态下,再次点击全选,取消全部选中3、全选状态下,取消了某个选中,就需要取消 全选 和 当前这个数据 的选中4、没有全选,但是勾选了除全选外的所有数据,就是全选了,就选中所有5、没有全选,但也没有勾选除全选外的所有数据,不做处理<template> <div> <el-sel...

2019-03-28 19:29:52

Element-UI二次封装实现TreeSelect 树形下拉选择组件

========================== 第二次优化 =======================3、优化组件(实现点击select输入框中的×删除勾选)<!-- /** * 树形下拉选择组件,下拉框展示树形结构,提供选择某节点功能,方便其他模块调用 * @author ljn * @date 2019-04-02 * ...

2019-02-23 17:29:06

JavaScript Cookie

一、Cookie的使用JavaScript 可以使用 document.cookie 属性来创建 、读取、及删除 cookie。1、创建cookie // 创建cookie document.cookie="username=sleepwalker"; // 创建cookie, 并设置过期时间 // 默认情况下,cook...

2019-01-08 21:42:56

Element-UI实现椭圆搜索框

1、Element-UI复合型输入框实现的搜索框<div><el-inputplaceholder="请输入内容"v-model="input"class="input-with-select"><el-selectv-model="select"slot="prepend"placeholder=&quo

2019-01-08 21:38:20

Element-UI的Switch 开关修改为字在按钮上

1、Element-UI的Switch 开关用法http://element-cn.eleme.io/#/zh-CN/component/switch2、修改后的示意图3、样式修改<template> <div> <el-switch v-model="value" width="46" activ...

2019-01-08 21:28:04

pycharm 安装激活破解方法

1、pycharm下载安装https://www.jetbrains.com/pycharm/2、打开http://idea.lanyus.com/下载破解补丁3、将补丁复制到pycharm安装目录的bin目录下D:/Program Files/JetBrains/PyCharm 2018.3/bin4、修改该bin目录下的pycharm.exe.vmoptions(32...

2018-11-25 16:20:39

intellij idea 安装激活破解方法

1、intellij idea下载安装https://www.jetbrains.com/idea/2、打开http://idea.lanyus.com/下载破解补丁3、将补丁复制到intellij idea安装目录的bin目录下D:/Program Files/JetBrains/IntelliJ IDEA 2018.3/bin4、修改该bin目录下的 idea.exe...

2018-11-25 15:37:55

webstorm 安装激活破解方法

1、webstorm下载安装http://www.jetbrains.com/webstorm/2、打开http://idea.lanyus.com/下载破解补丁3、将补丁复制到webstorm安装目录的bin目录下D:/Program Files/JetBrains/WebStorm 2018.3/bin4、修改该bin目录下的 WebStorm.exe.vmoptio...

2018-11-25 14:52:44

node实现自启动浏览器打开某网址

方法一、利用child_process.exec()child_process是node.js的内置模块var c = require('child_process');// 使用默认浏览器打开c.exec('start http://www.baidu.com');// 使用指定浏览器打开c.exec('start firefox http://www.baidu.com');...

2018-11-06 11:25:31

Express生成器

1、全局安装express-generatorexpress-generator:Express 应用程序生成器工具,包含了express命令行工具。npm install express-generator -g2、express命令行参数3、创建一个名为express-news的express应用,并设置使用ejs模板引擎,创建完成后,会提示下面操作的命令4、安装依...

2018-11-05 15:42:01

Vue项目中使用Sass变量自定义ag-grid表格主题样式

1、在Vue项目中新建一个样式文件  src/assets/styles/table.scss ,引入ag-grid默认的样式文件table.scss$ag-icons-path: "../../../node_modules/ag-grid-community/src/styles/icons/";@import '../../../node_modules/ag-grid-c...

2018-11-02 11:33:39

利用cellRendererFramework将Vue组件渲染为ag-grid表格单元的内容

1、Vue组件内定义私有组件,用cellRendererFramework来渲染ag-grid表格单元的内容<template> <div> <!-- gridReady 绑定一个事件,在表格创建完成后执行 --> <ag-grid-vue class="table ag-theme-balham" :columnDefs="co...

2018-11-02 09:27:14

ag-grid在Vue项目中的基本使用

ag-grid官网1、安装npminstallag-grid-communityag-grid-vue--save-dev2、在main.js中引入ag-grid的样式文件//引入ag-grid的样式文件import'../node_modules/ag-grid-community/dist/styles/ag-grid.css';import'../node...

2018-11-01 11:41:38

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。