原创 vue父組件值更新子組件值不更新之el-table下的table-column中template下元素或子組件值不更新

問題:element-ui中table-column中有循環,子cell又是使用template(scope)渲染的,當循環數據更新(push,splice,或者重新賦值)時,可能出現子cell不變的情況,從而導致頁面元素和循環數據對不上

原创 vue 請求統一封裝和調用

1. request.js統一封裝的請求接口 /* * @Author: your name * @Date: 2020-03-20 14:17:34 * @LastEditTime: 2020-03-26 11:27:50 *

原创 vue組件的繼承用法

vue組件的繼承適用於UI幾乎一樣,只是數據不一樣的情況下,但是這種情況通過統一封裝組件也是能實現的,小功能建議用封裝,大功能建議用組件繼承,因爲大功能在結合搜參數的需要多重的判斷,這樣會導致封裝的組件比較繁雜,出現過多的判斷,用繼承可以

原创 瀑布流的實現方式

目錄 (1)css的multi-columns 寫法 (2)flexbox  (3)js實現瀑布流:實現橫向瀑布流(以上是實現豎向的瀑布流) (1)css的multi-columns 寫法 html: <div class="box">

原创 vue中將包含echarts的頁面導出能在瀏覽器打開的純靜態html格式文件

  目錄 1.導出html 2.導出css 3.導出js 4.完整代碼 5.結果: 6.包含echarts的導出 7.結果:​ 1.導出html <div ref = 'testd' id ='div' onclick="evetes

原创 webpack初學基礎筆記

1.webpack默認配置文件:webpack.config.js 可通過webpack  --config 指定配置文件 2.webpack配置包括: 3.webpack環境搭建 a.安裝node b.安裝webpack 4.一個簡單

原创 echarts換主題顏色(在vue中使用)

官網:https://www.echartsjs.com/zh/index.html 1.導入(前提是已經安裝了echarts) import echarts from "echarts"; import 'echarts/theme

原创 深拷貝和淺拷貝的區別和與原理

一、基本類型和引用類型 https://blog.csdn.net/qq_34645412/article/details/104840390 二、淺拷貝和深拷貝 如圖所示: obj2是對obj1的淺拷貝,obj2新建了一個對象,但是o

原创 vue全家桶項目搭建之五——vue 中路由vue-router配置方法以及vue-router路由的跳轉方法以及參數的傳遞和接收

目錄   一、安裝vue-router 二、配置vue-router 1.src文件下新建文件夾router與store平級,並配置路由 2.在main.js中配置 三.vue路由帶參數跳轉方式以及參數的接收方式 1.通過path屬性跳轉

原创 vue全家桶項目搭建之四——vue 中配置vuex以及vuex的使用方法

目錄 一、安裝vuex 二、將vuex配置到vue中 1. 在src目錄下創建store文件夾 2.index.js對vuex進行配置導出 3.在src文件夾下的入口js文件main.js中引入輸出的store 三、vuex的使用方法 1

原创 vue全家桶項目搭建之三——vue cli4.0+中使用proxy配置代理轉發以及配置使用@路徑引入和eslint配置

目錄 一、vue cli4.0+中使用proxy配置代理轉發 二、配置使用@路徑引入 三、改變vue項目啓動的端口號和 項目啓動時自動在瀏覽器中打開 四、vue-cli 3.x和4.x中eslint配置 一、vue cli4.0+中使用p

原创 vue全家桶項目搭建之一——vue-cli 4.0+ 腳手架搭建基礎demo

目錄   一、安裝腳手架 二、創建一個基礎demo 三、基礎demo創建好後,我們就啓動一下這個項目 一、安裝腳手架 npm install -g @vue/cli 安裝完成後看看版本 vue --version 二、創建一個基礎

原创 vue全家桶項目搭建之二——配置UI (將element-ui配置到vue項目當中)

目錄 一、安裝element-ui 二、引入 Element 1.完整引入 2.按需導入 一、安裝element-ui npm i element-ui -S 二、引入 Element 這裏你可以引入整個 Element,或是根據需要僅

原创 css實現垂直方向上的居中方式

  (1)偏移量解決 思路: 首先水平方向居中margin: 0 auto,不必多說 其次讓居中元素脫離文檔流,使它距離top50%,這樣的結果就是元素本身的頂部到達盒子的中間 position: relative;//脫離文檔流  

原创 爲什麼double型的0.29*100讓後結果是28.999999999999996

開發遇到的很奇怪的問題 0.35*100 =35 0.29*100=28.999999999999996 查了一些資料 都說是計算機存儲問題。對float或double有這樣的情況。 前端js解決方式 parseFloat((0.29*