原创 vue render 函數進行條件判斷,然後創建標籤

效果如下所示: 要求: 在表格中,審覈狀態爲“待審覈”時,多出“審覈”按鈕 如下所示進行判斷: render: (h, params) => { return h('div', [

原创 問題:git branch不顯示本地分支如何解決

git顯示本地分支命令: git branch 但是,如下圖所示,老是不顯示本地分支,但是遠程分支卻是可以顯示 拓展:git顯示遠程分支命令: git branch -a 如何解決這個問題呢? 首先使用git init命令創

原创 mac下安裝Vue DevTools

1.安裝 去Vue DevTools 項目的官方主頁GitHub上下載。因爲直接在Chrome應用商店下載需要翻牆。 https://github.com/vuejs/vue-devtools 2.安裝項目所需的依賴包 — npm

原创 報錯:npm install vue-router --save-dev

報錯信息: 新建好的vue項目,可以運行 但是當我要安裝 vue-router的時候報錯 npm ERR! code EACCES npm ERR! syscall access npm ERR! path /Users/thin

原创 消除git提交代碼時的pre-commit操作

今天,當我用git進行代碼管理的時候,執行git commit -m"樣式修改"會出現如下信息: > running pre-commit hook: lint-staged ❯ Running tasks for *.js

原创 把本地項目託管到“碼雲”中

在進行整個項目的託管前首先要確保有一下幾個文件: .gitignore (項目忽略文件),項目中的某些文件沒有必要上傳到源代碼倉庫中 README.md(描述項目的信息) 開源協議 將整個項目用 git 進行管理 1.創建本地

原创 vue-cli3圖形界面

使用如下命令可進入vue-cli3的圖形界面 vue ui **GUI:**圖形界面的縮寫

原创 vue `npm run build`打包後的路由內組件不顯示問題

今天做項目的時候,碰到一個問題 很匪夷所思: 項目做好後進行npm run build打包項目,結果,出現的問題如下圖: 下圖是頁面結構:可知 中間的 <router-view></router-view>部分內容根本就沒有顯示

原创 vue-cli3創建項目

創建項目命令 vue-cli3: vue create vue-test vue-cli2: vue init webpack vue-test 進行相關配置 default(babel,eslint) (默認選

原创 將本地項目上傳到 github

創建本地倉庫 1.確認文件,首先,要確保有一個.gitignore文件 2. 進入文件目錄,在文件夾中按住shift同時點擊鼠標右鍵選擇bash控制檯進入 3.生成本地倉庫 git init git add * git co

原创 怎麼保存退出vi編輯

進入 vi的命令模式,輸入“wq”兩個字母(Write and quit)保存並退出編輯。 但是,有些什麼並不能實現此效果,那麼我們再看看其他的命令方式,可實現你想要的退出效果!!!! 按i鍵可進入編輯模式,編輯結束後按esc鍵可

原创 vue打包後背景圖片不顯示??

當使用npm run dev命令本地訪問的時候,背景圖片是正常顯示的,可使用npm run build命令打包後,訪問dist目錄下的項目,頁面背景圖路徑就不對了,顯示不出背景圖。 問題根源 在項目開發中可以顯示背景圖: 使用n

原创 vue 中去掉地址欄中的 #

要去掉vue中訪問地址中的#符號可以在路由器中設置路由模式爲history: mode:'history',

原创 vue-router 設置默認路由

設置 redirect值,就可以默認顯示你想顯示的那個路由頁面 import Vue from 'vue' import Router from 'vue-router' import Content from '@/compon

原创 Vue開發中的事件總線

在Vue開發中會遇到大量的組件之間共享數據的情形,針對不同的情形,Vue有相對應的解決方案。比如,父組件向子組件傳值可以使用props,複雜項目中不同模塊之間傳值可以使用Vuex。但是,對於一些簡單的項目裏的非父子組件來說,它們