原创 axios 發 post 請求,後端接收不到參數的解決方案

使用post發送請求時如何設置content-type的值? 協議規定POST提交的數據必須放在消息主體(entity-body)中,但協議並沒有規定數據必須使用什麼編碼方式。實際上,開發者完全可以自己決定消息主體的格式,只要最後發送的H

原创 el-table表格展開行

效果: 代碼: <el-table :data="tableData" border style="width: 100%"> >

原创 vue 獲取div中選中文字內容及位置

使用window.getSelection()獲取div中選中文字內容及位置 window.getSelection().toString() //選中內容 window.getSelection().anchorOffset; //

原创 axios 發送post請求下載文件

this.$axios .post(this.$api.tool_api + '/ip/downLoadFile', { businessIds: businessIds.join()

原创 d3.js折線圖

1、思路: 首先還是要先建立座標軸(定義域、值域、刻度尺、背景線等),然後直線生成器,開始畫線,最後添加一下修飾等 代碼如下: 數據準備,svg的大小,及佈局內邊距等 const width = 400; const he

原创 d3.js柱形圖

這裏是基於d3.js v4版本實現的demo 案例: 1、添加矢量圖 svg const width = 400; const height = 400; let svg = d3

原创 js數組去重

1、遍歷數組,並結合 indexOf 來排除重複項 var oldArr = [] for (var i = 0; i < 100000; i++) { oldArr.push(i)

原创 vue滑動插件:vue-drag-verify

demo:   安裝: npm install vue-drag-verify --save  html: <drag-verify :width="wi

原创 element配置改爲英文

修改vue.config.js const path = require('path') const webpack = require('webpack') module.exports = { devServer: {

原创 vue使用websocket

websocket其他特點如下: (1)建立在 TCP 協議之上,服務器端的實現比較容易。 (2)與 HTTP 協議有着良好的兼容性。默認端口也是80和443,並且握手階段採用 HTTP 協議,因此握手時不容易屏蔽,能通過各種 HTTP

原创 Vue.Draggable拖拽功能的配置和使用方法

安裝方法:https://www.npmjs.com/package/vuedraggable yarn add vuedraggable npm i -S vuedraggable 使用案例: <template> <div

原创 Vue項目中引入Echarts

 安裝Echats npm install echarts --save 項目main.js中引入Echarts // 引入Echarts import Echarts from 'echarts' Vue.prototype.ech

原创 input上傳、el-upload

代碼案例: <el-upload class="upload-demo" drag action="https://jsonplaceholder.typicode.com/p

原创 vue-cropper 截圖

安裝: npm install vue-cropper --save-dev 用法: <template> <div id="cropper"> <VueCropper ref="cropper"

原创 node+koa2+mysql簡單入門增刪改查

一、連接數據庫,展示表中數據 這裏用的是koa2,來鏈接mysql,下面是建的簡單的表  代碼: const mysqlConfig = mysql.createPool({ user: 'liulibin',//用戶