disuiniang7601-优快云博客

转载 react 代理端口，修改localhost端口

1. 在package.josn修改，添加proxy{ "name": "my-new-app", "version": "0.1.0", "private": true, "dependencies": { "axios": "^0.18.0", "fs": "^0.0.1-security", "hoist-non-re...

2018-08-24 16:57:00 1283

转载 react 路由跳转详情页传递路由参数

1. 在App.js配置详情页面的路由<Route path="/Detail/:id" component={Detail} />2. 父页面，主要看页面里的routerTo()方法import React, {Component} from 'react';import {Link} from 'react-router-dom'class...

2018-08-24 16:41:00 1575

转载 angular 应用管道

1、创建filter文件import { Pipe, PipeTransform } from '@angular/core';import moment from 'moment'// 管道--性别@Pipe({name: 'sexType'})export class sexType implements PipeTransform { transf...

2018-08-21 16:26:00 178

转载 angular 代理接口，node连接本地mysql，自定义接口

一: 连接数据库1、启动node（配置如下）var express = require('express')var bodyParser = require("body-parser")var app = express()app.all('*', function(req, res, next) { res.header("Access-Contr...

2018-08-21 16:20:00 202

转载 elementUI-select基础属性

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>选择器</title> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-ch...

2018-03-23 10:24:00 209

转载 elementUI-select 远程搜索

设置三个远程属性，调用模糊接口<template> <ui-select v-model="selectedPeopleId" filterable remote reserve-keyword placeholder="请输入人名进行搜索" :remote-method="userSearch"...

2018-03-23 10:23:00 655

转载登录界面

需求:空值--提示输入，错误图标;不为空--提示隐藏，成功图标html:　　　　　　　　<div class="login_i_box"> <input id="username" name="username" value="" class="username" onblur="input_name()" type="...

2018-03-21 18:04:00 191

转载 elementUI-upload

<template> <ui-row :gutter="20" class="p_botm"> <ui-col :span="24"> <p class="p_title">{{title}}({{num}}张)</p> </ui-col> <ui-col ...

2018-03-14 22:02:00 114

转载字符串(url)拼接变量

console.info(`/hechuang-erp/file/upload/deptId=${this.getUserId}`)　　转载于:https://www.cnblogs.com/LWJ-booke/p/8569270.html

2018-03-14 18:14:00 1074

转载 elementUI table数据显示效果(二)

效果图:说明:运营成本支出下面存在不确定个子项数据格式:里面还嵌套json数组对象思路:1把json数组对象要显示的数组添加到原数组(8: 2000 => id: value)，通过:prop="item.id"item.id是json数组对象的id,因为原数组已经添加了id这个属性，能够对应显示数据代码:api.getRealCost(par...

2018-03-09 18:41:00 235

转载表格填充数据(name1/name2)效果

效果图：页面:代码:　　　　api.getBudget(param).then(r => { this.loading = false this.tableData = r.data.data.list this.page.total = r.data.data.total ...

2018-03-09 18:19:00 217

转载 elememt 返回选中数据，选中项，设置问题

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"> &l...

2018-03-08 19:14:00 143

转载 elementUI form select验证问题

1.trigger: 'change'转载于:https://www.cnblogs.com/LWJ-booke/p/8524642.html

2018-03-07 18:44:00 2151

转载 innerHTML 添加标签与转义符

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="bgg">无</div> </bod...

2018-03-02 16:11:00 558

转载 Echart--基本属性

效果图:设置数据：var option = { title: { text: '堆叠区域图', /*主标题*/ left: 'center', /*字体居中*/ subtext: '副标题', /*副标题*/ ...

2018-03-02 14:31:00 100

转载 Echart--饼状图

效果图:设置数据: option4: { title: { text: '员工工龄分布', subtext: '', left: 'center' }, tooltip: { trigger: 'item...

2018-03-02 14:08:00 139

转载 Echart--折线图

效果图:设置数据:option1: { title: { text: '入离职统计' }, tooltip: {//提示框组件，default:'item',还有axis,none trigger: 'axis' }, ...

2018-03-02 11:40:00 118

转载 Echart--多个柱形图

设置数据:效果图:optionAll: { title: { text: '营收情况', left: 'center' }, tooltip: { trigger: 'axis', axisPointer...

2018-03-02 11:07:00 361

转载 Echart--单个柱形图

效果图:dom:<div class="chartAll" ref="chartAll"></div>js:let chartAll = this.$refs.chartAll//获取DOMthis.getChartAll = echarts.init(chartAll)this.getChartAll.setOption(...

2018-03-02 11:01:00 340

转载 Echart--圆型图

效果:设置数据:var option3 = { title: { text: '天气情况统计', subtext: '虚构数据', left: 'center' }, tooltip: {/*鼠标经过视图，显示数据*/ trigge...

2018-03-02 10:42:00 301

转载 elementUI table 绑定数据

1.绑定一条数据用: => slot-scope属性,再显示对应的数据通过Scoped slot可以获取到 row, column, $index 和 store（table 内部的状态管理）的数据：{{scope.row}} =>获取整行的数据{{scope.$index}} => 行的下标使用:<el-table <el-tabl...

2018-03-02 08:36:00 2348

转载 vue过滤器注入问题

注意: 在全局定义了，局部不需要再导入，否则报错：有定义但没用过滤器可以用在两个地方：双花括号插值和v-bind表达式(后者从 2.1.0+ 开始支持){{ message | capitalize }}<div v-bind:id="rawI...

2018-03-02 08:35:00 254

转载在main.js把自定义的公共方法作为过滤器全局导入vue

Vue 实例全局导入过滤器：Vue.filter('functionName',function)import * as type from './type' =>全部导入import {get,set} from './type' =>导入type文件里的get,set方法1，import * as filters from './helper/filt...

2018-03-02 08:30:00 474

转载获取对象的属性名字，按字母先后排序,sort()，keys()

var obj2 = {name: "zhangsan", age: 8, sex: "女", bum: 5} var objName = Object.keys(obj2).sort()/*获取属性名字，返回一个数组,sort()按字母先后排序，,reverse()进行倒序*/ var newOb={}/*定义一个新的对象*/ for(...

2018-03-02 08:27:00 405

转载接口参数，get和post

project模块:一注意事项 1. 接口参数，get和post传入对象写法不一样，如下:对象参数不能写param，，`params`是要与请求一起发送的URL参数 getMonthStaffing(id, params) { return http.get(`/staffing/query/${id}`, {params: param...

2018-03-01 10:05:00 152

转载数组，对象遍历

一.for-in1.遍历数组: for(item in array) { console.info(array[item]) }item =>下标2.遍历对象for(item in obj) { console.info(item); }item =>属性名二.forEac...

2018-03-01 10:04:00 90

转载回调函数this的问题

getDetaile()函数是vue实例里面的，所以不能直接用this转载于:https://www.cnblogs.com/LWJ-booke/p/8485442.html

2018-02-28 19:59:00 124

转载 echart 防止标签溢出,,数据格式化

vue使用，当数据更新的时候,再一次实例化,才能显示新的数据第一种方法:自适应画布的大小grid: { containLabel:true}第二种方法:调一边的位置grid:{ left:'10px'}第三种方法:调整y轴数据的表达方式 100kformatter: function(value) { let mun ...

2018-02-28 19:53:00 370

转载 echart+vue开发总结

1.时间格式化问题：设置变量的时候，selectData:null不能为[]空数组，不然if()判断不了import {format} from '@/helper/filters'if (this.selectData) { param.startDate = format(this.selectData[0], 'YYYY-MM-DD') param.lastDa...

2018-02-27 16:54:00 105

转载 vue+elemen把时间作为参数搜索数据注意一点

按时间搜索数据，比如你选择了2018-2-1，它实际传给后台的时间是:2018-1-31 16:00少了八个小时，把2018-1-31的数据也搜出来了，这哪行!传入时间之前要格式化:封装方法:注意这是form表单的，不能用于tableimport moment from 'moment'/** * 非表格数据日期格式化 * @param val * ...

2018-02-13 11:52:00 201

转载 Echart实例介绍

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="main" style="width: ...

2018-02-13 10:27:00 98

转载京东商品图片放缩

html部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #box { border: 2px solid...

2017-10-25 18:10:00 114

转载 js csstext方法，批量添加样式

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div class="bgg">2333</div>...

2017-10-25 14:59:00 174

转载关于搜索框和搜索按钮，相爱却不能在一起的理由

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div { width: 500px; height: 30...

2017-09-21 12:21:00 160

转载数组去重，简单粗暴

　　　　　　　　　　　　　　　/*数组去重*/ var arr2=[1,1,1,1,1,1,2,2,2,2,2,2,2,2,3,3,3,4,4,4,5,5,5]; function noreprat(){ for(var i=0;i<arr2.length;i++){ for(var j=i+1;j<arr2.length;j+...

2017-09-19 15:14:00 77

转载亚索玩法

1、技能简介　　　　被动浪客之道：暴击几率翻倍。在移动时积攒一层护盾，护盾会在他受到来自英雄或野怪的伤害时触发。（该被动及其可怕，出完电刀无尽后，亚索几乎就能刀刀暴击。被动护盾即使没积满，但在亚索接大时，会立刻形成护盾。）　　　　Q斩钢闪：Q两下后，会形成环形旋风，可以吹起来人。Q可以暴击，附带攻击特效，并且它的冷却时间和施法时间都会从攻击速度上获得收益。EQ时，那么斩钢闪就会呈环状出剑...

2017-09-14 12:29:00 262

转载 Vue动画

1.transition动画<button @click="show = !show">Toggle show</button><transition name="bounce"><p v-if="show" style="text-align: center;">Look at me!</p></tr...

2017-09-07 13:52:00 86

转载 div垂直居中的三种方法

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .father{ width: 200px; height: 2...

2017-09-05 18:49:00 81

转载三种清除浮动

zoom详解:http://blog.youkuaiyun.com/u014516981/article/details/51824607原文:http://www.cnblogs.com/zhongjiang/p/6440355.html<!DOCTYPE html><html> <head> <meta charset="utf-8...

2017-09-05 12:17:00 67

转载 Widget练习

/***************************常用的属性******************************/1.'effect': 'fade' 切换时的动画效果 none, 最朴素的显示/隐藏效果 fade, 可实现淡隐淡现的效果 scrolly, 垂直滚动 scrollx, 水平滚动2.'autoplay': true 是否自动播放，true/false (默...

2017-08-25 16:51:00 145

空空如也

空空如也