vue專案中遇到的坑總結（持續更新）

在vue專案stylus中使用**查詢

.header >>> h2 
font-size 30px
font-weight 100
line-height 45px
@media (max-width: 992px)
font-size 22px

vue專案中的reset.css使用

vue專案中使用滾動條外掛程式 vuescroll

使用element table在不該出現滾動條的情況下出現了滾動條

解決方法：檢視reset.css

table

git進行專案管理

stylus檔案的全域性變數的配置

在配置檔案build/utils.js解決該問題,在generateloaders方法的後面定義如下變數：

const stylusoptions =

return ),
scss: generateloaders('sass'),
stylus: generateloaders('stylus', stylusoptions),
styl: generateloaders('stylus', stylusoptions)
}

最後重啟並直接使用即可

git分支問題

主分支出現錯誤：path must be a string . received null use，其他分支正常

可以直接將預設分支切換到正常分支上，然後將主分支刪除，並刪除本地分支。

然後重新新建分支，並拉到本地即可。然後再重新切換預設分支即可。

動態獲取螢幕寬度，響應式設計

// 獲取裝置寬度
vue.prototype.getviewportsize = function()
}

setscrollwidth() else
}

解決element table預設滾動條

width: 101.5%;

vue專案路由子頁面重新整理問題

通過宣告reload方法，控制router-view的顯示或隱藏，從而控制頁面的再次載入，這邊定義了

export default 
}

深入理解和學習可以檢視別人寫的

element ui外掛程式的日期格式化，change事件不管用

data () 
}

介面聯調

config/index.js

proxytable: 
}}

getlist() ).catch((e) => )
}

這塊單詞寫對，路徑寫對，乙個單詞寫錯了，研究了大半天。

axios post請求到的資料為空

import qs from 'qs'
vue.prototype.$qs = qs
// axios post 測試

用webpack打包vue工程之後，在瀏覽器中能夠看到vue元件的原始碼

將 config/index.js 中 build 下的 productionsourcemap: true, 改為 productionsourcemap: false, 重新打包發布即可

vue中定義全域性公共js方法

tools.js

let tools = 
if (day < 10) 
return date.getfullyear() + '-' + month + '-' + day
}}export default tools

main.js

// 引入自定義工具
import tools from './assets/js/tools'
vue.prototype.$tools = tools

使用：

this.$tools.formatdate()

計算屬性中使用箭頭函式報錯

computed: 
return total
}}

vuerouter路由預設進入第乙個子路由

]
}

js物件拼接問題

1. 例如：
2. 4. 解決方法如下：
handleparams(data) 
str += key + data[key]}}

請求位址報504錯誤

在proxytable中設定**需要加http://

靜態資源找不到問題

找到 config->index.js裡面，如下修改

找到 build->utils.js

VUE專案中使用mintui庫遇到的坑

data 阻止預設事件，我在寫的時候遇到eslint報錯，不讓在data裡面寫函式，這裡可以給handler乙個初始為空，在鉤子函式中給他賦值乙個箭頭函式就可以解決了 methods 阻止預設事件 opentouch 開啟預設事件乙個是在元件彈出時的關閉預設事件，乙個是在元件收起時的開啟預設事件，...

vue專案中onscroll的坑

vue專案中onscroll的坑在專案中需要監聽乙個元件的scroll事件，以觸發到底時載入更多。但是實際操作下來發現scroll事件並沒有被監聽到。通過查詢資料得知，監聽的目標元素element的scroll事件不冒泡。解決scroll繫結失敗的方法是 scroll直接繫結在window的捕獲階...

vue專案中遇到的坑總結（持續更新）

VUE專案中使用mintui庫遇到的坑

vue專案中onscroll的坑

vue專案中onscroll的坑

相關推薦