原创 JavaScript實現圖片文件轉base64
圖片文件轉base64，利用canvas // 圖片文件轉base64，利用canvas function getBase64Image(img) { var canvas = document.createElement
2020-06-29 14:26:20
1
原创 Element-UI實現橢圓搜索框
1、Element-UI複合型輸入框實現的搜索框 <div> <el-input placeholder="請輸入內容" v-model="input" class="input-with-select"> <el-sele
2020-06-29 14:26:20
43
原创 vue-cli 3.x 配置多頁面應用程序（配置文件vue.config.js ）
1、在項目src文件夾下，創建一個pages文件夾，用來新建多頁面的各個入口文件 （1）配置index頁面，文件寫在src/pages/index文件夾下，在瀏覽器中訪問地址http://localhost:8090/index.html
2020-06-29 14:26:09
1
原创 Element-UI二次封裝實現TreeSelect 樹形下拉選擇組件
========================== 第二次優化 ======================= 3、優化組件（實現點擊select輸入框中的×刪除勾選） <!-- /** * 樹形下拉選擇組件，下拉框
2020-06-29 14:26:09
8
原创 Element-UI的Switch 開關修改爲字在按鈕上
1、Element-UI的Switch 開關用法 http://element-cn.eleme.io/#/zh-CN/component/switch 2、修改後的示意圖 3、樣式修改 <template> <div>
2020-06-29 14:26:08
78
原创 vue-cli搭建的項目中使用mockjs
1、安裝mockjs和axios 2、在vue-cli搭建的項目根目錄下新建一個js文件：mocks/index.js // 引入mockjs import Mock from 'mockjs'; // 假數據 var menus =
2020-03-26 01:41:23
原创 vue-cli 3.x 搭建的項目中ESlint 語法檢測配置說明
vue-cli 3.x 搭建的項目中ESlint 語法檢測配置說明 vue-cli 3.x搭建的項目中ESlint 語法檢測配置，在package.json文件中，但可以在vue.config.js文件中關閉Eslint 語法檢測。 一、
2020-02-24 03:07:13
原创 vue-cli 3.x搭建的項目中vue-router的使用
vue-cli 3.x 文檔：https://cli.vuejs.org/zh/ Vue Router Vue Router基本用法 vue-router實現Vue組件之間傳參 一、選擇默認的包含基本的 Babel + ESL
2020-02-24 03:07:13
原创 vue-cli 3.x配置文件vue.config.js
vue.config.js const path = require('path'); module.exports = { // 環境配置 devServer: { host: '0.0.0.0',
2020-02-24 03:07:02
原创 js-cookie
1、安裝 npm install js-cookie 2、應用 <template> <div> <button @click="setCookie">創建cookie</button> <button @click
2019-06-11 12:41:04
原创 未知大小的圖片在固定寬高的盒子中居中
問題：圖片大小未知，如何讓圖片在div中居中 給div設置一個背景顏色，方便觀察居中效果 div{ background-color: lawngreen; }
2019-04-16 06:17:37
5
原创 小div在大div中水平垂直居中（兩個div都固定寬高）
方法一：兒子絕對定位或相對定位，這樣兒子脫離標準流，父親有固定寬高，用兒子的margin去擠父親 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
2019-04-16 06:17:37
原创 CSS3——flex彈性佈局
容器的屬性以下6個屬性設置在容器上，就是說給flex container添加這些屬性，來佈局flex item。flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign
2019-04-16 06:17:37
1
原创 自適應寬高的盒子中文本垂直水平居中
問題：如何讓span中的文字在div中垂直水平居中？ 方法一：display:table;和display:table-cell; 給父元素div設置position: absolute;display:table; 這樣，div就會
2019-04-16 06:17:37
原创 Element-UI實現Tree 樹形控件節點添加圖標
Element-UI實現Tree 樹形控件節點添加圖標： 屬於自定義節點內容，可以通過兩種方法進行樹節點內容的自定義：render-content 和 scoped slot。 1、scoped slot 實現在節點區添加圖標 傳入兩個
2019-03-30 05:31:00
5