原创 vue中的provide和inject

目錄 一、語法 二、使用場景 三、關於 provide/inject 的響應問題 每次看到關於vue組件傳值的文章,都會講到provide和inject這種傳值方法。但是在實際的項目開發中,基本沒有看到過使用這個的場景(印象中之前看ivi

原创 使用iview的Menu組件,路由中斷跳轉但是路由高亮仍然改變問題

問題描述: 最近項目有一個需求,在表單填寫相關頁面,如果用戶沒有保存表單內容,點擊導航欄將要離開頁面的時候提示“信息未保存,離開頁面數據將會丟失,是否確定離開?” (1)選擇“確定” —— 執行路由跳轉 (2)選擇“取消” —— 中止跳

原创 vue動態路由:路由參數改變,視圖不更新

問題描述: 使用vue動態路由(“/route/:id” 形式) 傳參的時候,修改頁面參數,但是視圖仍舊是之前的內容,沒有進行刷新,示例如下: 原因分析: 具體原因在vue官方文檔:響應路由參數的變化一節中有講過: 當使用路由參數時,

原创 關於display:flex碰上white-space:nowrap的問題

當 display:flex 碰上 white-space nowrap 的時候,會打亂 flex 佈局。解決方法:給 flex 佈局級設置最小寬度爲 0。 示例 當 display:flex 碰上 white-space n

原创 彈出層中多個輸入框,iOS微信下點擊錯位問題

問題描述 iOS微信下,彈出層中有多個輸入框時,點擊獲取焦點後,元素位置錯位;同時收起鍵盤後不能再次輸入;相關按鈕無法點擊。 PS. 這是微信在iOS下的bug 解決辦法 在輸入框 blur 的時候調用 window.scroll

原创 nvm安裝與卸載踩坑記錄

之前用的nvm的nodejs版本管理工具,但是這兩天出了莫名其妙的問題,無法下載新版本的nodejs,在找不到原因的情況下決定暫時卸載nvm,通過nodejs官網安裝所需版本的nodejs。 但是發現從官網下載安裝了穩定版本的nodejs

原创 git分支操作

目錄 一、查看分支 二、創建分支 三、刪除分支 四、查看本地分支與遠程分支的映射關係 一、查看分支 # 1. 查看所有本地分支 $ git branch # 2. 查看所有遠程分支 $ git branch -r # 3. 查看所有

原创 git保存用戶名和密碼,避免每次輸入

鑑於git每次push的時候都需要輸入用戶名和密碼,感覺特別麻煩,之前有查過很多的相關文章,終於今天配置完成,記錄一下(親測可用): 1、當前電腦環境 # git版本號 git version 2.13.2.windows.1 # 系

原创 vue cli3.x 項目中引入 less 全局變量

項目中使用 less 變量定義了項目的一些主題顏色,這裏採用 style-resources-loader 來進行全局引入。 具體配置如下: 1、安裝 style-resources-loader,並選擇想要使用的語言(本項目中使用les

原创 vue cli3.x 項目中引入 vux (二):vux快捷生成模板

在 Vue 項目中使用vux組件有兩種方法: 1、在 Vue 項目中添加vux,詳見:  vue cli3.x 項目中引入 vux(一):手動配置 2、快捷生成項目模板: 詳見官網文檔-快速開始 ( 以下摘自官方文檔 ) (1)若沒有安裝

原创 vue cli3.x 項目中引入 vux(一):手動配置

最近做的一個項目,是使用vux組件庫開發的,使用的時候發現vux在使用的時候需要做一些相應的配置,記錄如下: 建議 node.js 版本在 7.6.0 以上。 1、引入vux # npm install vux --save 2、vux

原创 git報錯:The project you were looking for could not be found

問題描述: git拉取報錯: remote: The project you were looking for could not be found. fatal:repository ……  not found   原因分析: 之前登陸

原创 cmd命令行常用命令

cd xxx 打開xxx目錄 cd.. 返回上一目錄 cd/ 返回根目錄 md xxx  創建xxx目錄 del xxx 刪除xxx目錄 ren xxx 重命名xxx文件(夾) echo a 2>xxx.js 新建xxx.js文件 t

原创 vscode 格式化 vue 代碼

格式化 HTML:即 vue(template) 1. 安裝 Vetur 拓展 2. 配置 setting.json 打開 [文件] -> [首選項] -> [設置] -> [拓展] -> [Vetur] vsCode 跟新過後設置

原创 yarn常用命令

yarn yarn 常用命令 # 生成 package.json 文件(需要手動選擇配置) yarn init # 生成 package.json 文件(使用默認配置) yarn init -y # 一鍵安裝 package.js