原创 vue element-ui date-picker 日期選擇器控件 設置時間範圍 限制可選的開始時間和結束時間

vue element-ui date-picker 日期選擇器控件  設置時間範圍  限制可選的開始時間和結束時間 總結一下日期控件實現開始日期、結束日期的選擇範圍限制,以便更符合實際情況。 需求: 1. 開始日期和結束日期都必須是今

原创 vue element 控件之 el-container中的el-side 與 el-main 的間距怎麼設置

vue element 控件之 el-container中的el-side 與 el-main 的間距怎麼設置 效果: 如圖所示,當我們在頁面中同時使用el-container中的el-side 與 el-main組件時,默認情況下兩個組

原创 element 表單驗證的三種方式

目錄 第一種常用方式:表單上加rules{object} 第二種方式:在el-form-item單個添加 第三種方式:動態增減表單項 第一種常用方式:表單上加rules{object} <el-form class="apply-for

原创 element 表格內容過長時設置隱藏,通過popover彈窗顯示

一、 首先看效果圖:  二、示例代碼: <el-table-column prop="safetyRisk" label="安全隱患" width="200"> <template slot-scope="scope">

原创 深入理解vue中的slot與slot-scope , 弄清楚 slot slots 的區別,scoped的含義

slot與slot-scope  寫在前面 vue中關於插槽的文檔說明很短,語言又寫的很凝練,再加上其和methods,data,computed等常用選項使用頻率、使用先後上的差別,這就有可能造成初次接觸插槽的開發者容易產生“算了吧,回

原创 vue element-ui 表單驗證 第一次表單驗證的結果,在第二次表單驗證時仍然存在(需要清除上一次的驗證結果)

首先我們還是看一下文章:https://blog.csdn.net/weixin_37930716/article/details/90234705  的內容 筆者在參考該文章的時候,踩了一個坑,是vue父子組件通信中使用ref傳參的問題

原创 vue中的ref $refs emit props 搞清楚這幾個概念,就能明白vue的組件通信機制!

首先看小編找到的兩篇博客:  https://www.jianshu.com/p/ff2cead55068 https://www.cnblogs.com/360minitao/p/11840559.html 看完應該就能明白vue組件通

原创 import qs from qs qs庫的使用 parse stringify的區別

1.npm地址 https://www.npmjs.com/package/qs 2、概述 parse  將url中的參數轉爲對象; stringify  將對象轉爲url參數形式 3、示例 import qs from 'qs'; c

原创 前端實現文件下載功能的三種方式,前端實現下載文件

前端實現文件下載功能的三種方式 參考博客: https://blog.csdn.net/hfhwfw161226/article/details/105700504

原创 HTTP請求響應狀態碼彙總

 HTTP請求狀態碼彙總,加粗的比較常見: httpStatusCodes : 100: "Continue", 101: "Switching Protocols", 200: "OK", 201: "Created", 202: "A

原创 vs code terminal 字體過大、字體間距過大 怎麼處理

vs code terminal 字體過大、字體間距過大   怎麼處理 如圖所示: 解決辦法: 點擊file -> preferences -> settings 在Features中找到terminal,然後找到字體的相關設置,可以搜

原创 ERROR in Cannot find module 'node-sass'(最全解決方案)

目錄   一、錯誤描述 二、解決方案 1. 如果你用的是cmd: 2. 如果你用的是Windows Powershell: 總結:建議直接用cmd  一、錯誤描述 在vue前端項目的開發中,遇到錯誤  ERROR in Cannot fi

原创 git官網下載不了或下載很慢的解決辦法!

國內訪問git官網很慢,有的地區甚至直接無法訪問,這時候可以去淘寶鏡像站點訪問下載git 下載地址:https://npm.taobao.org/mirrors/git-for-windows/  告訴你是怎麼找到這個地址的,以後下載別

原创 elementUI框架的 el-row el-col 與 el-table-column 用法區別!

elementUI框架的<el-row> <el-col> 與<el-table-column>用法區別! 初學者可能很容易混淆它們的用法,其實是沒有認真看官方文檔,下面總結一下 : <el-row> <el-col>標籤是屬於eleme

原创 踩坑總結!elementUI組件之upload上傳控件的multiple屬性,設置false報錯!

踩坑總結!elementUI組件之upload上傳控件的multiple屬性,設置false報錯! 在使用elementUI組件中的upload上傳按鈕控件的時候,其中的multiple屬性決定了是否可以 多選文件 ,首先看一下官方文檔