我的BUG(vue專案)

2022-07-29 07:36:15 字數 1630 閱讀 7197

一、布局bug

1、ul下li浮動    li:width:33.3%;  float:left; margin:10px 0;  注:li中會寫一些字:當字型長度超出li範圍時,會換行並導致li寬度增加;  浮動的li會被超出li高度擋住,無法按順序浮動

解決辦法:給li加乙個高度(就本人的程式設計習慣而言看著不太爽)

解決方法2:換一種布局思路  使用inline-block來布局,寬度33.1% ;  vertical-align:top; margin:16px 0 ;(舒爽的方法)

2、使用inline-block布局會出現問題,如:在vue專案中,有的li寫死,在這些li中也有迴圈出來的資料,在這種時候,迴圈出來的資料沒有內聯元素的間距的,而寫死的會有

解決方法:去掉內聯元素之間的間距

給父級元素加上letter-spacing:-2px(大小隨字型大小),子級元素設定letter-spacing:0;

3、element-ui修改樣式

把style標籤中的scoped去掉,按控制台查詢類名就可以修改了

二、邏輯bug

1、使用vue的時候遇到的bug

情形:需要點選按鈕,使自己消失並讓同級元素顯示

出現原因:點選按鈕使自己消失,並使用this.$router.push()跳轉子路由,第一下子路由出現, 本身並沒有消失,點選第二次本身消失

解決方法:放棄了使用路由跳轉,而是改為傳值的方式,通過公用屬性使顯示隱藏切換

2、資料2017-2-3 00:00:00 去掉後面的時分秒的時間

我使用了substring(0,10)擷取,正常的2017-02-03不會出問題,但是不嚴謹,如果是上面的格式會擷取到0

解決方法:split(「 」)[0] 擷取字串到空格為止

3、發現bug,由於父級頁面請求資料時間過長,導致子頁面接受不到資料

解決方法:暫時在鉤子函式中加了乙個延時器,然後定義新變數接受。

4.資料渲染格式的bug

場景:我需要把el-eselect多選的專案,放入另乙個導航中,並在導航中新增乙個欄位來描述這個專案。資料都能取到,但value是數字,也就是字典中的標識

字典中的格式:[,,...]

value的格式:['1','2','3']入坑想法:1.先獲取到資料,把資料存入陣列中,在渲染資料  bug:這樣做會導致陣列累加,需要迴圈之前先清空資料,然後所有先前填寫的專案描述也都清空了

2.迴圈字典,根據標識判斷渲染物件        bug:這樣做如果有需要下標的字段,下標不會從0開始++,會有斷層。

實現方法:先迴圈value,在value的子級迴圈字典,根據字典的標識與value的值得匹配來渲染字典

4.elementui的時間日期,不相容ie(彈框不顯示)

解決辦法:let time = new date(date.parse(item.riskeliminatetime.replace(/-/g,"/")))

time = this.strtogmt(time)

vue.prototype.strtogmt = function (str)

5.router-link點選事件

場景,在router-link上加點選事件,但是不管用

解決方法:@click.native 

我的專案,我的起點

這個怎麼說呢,2個專案報到了mscenter上面,如果說是難度的話,都不大。bluecross的技術含量不是很高,聊天室,bbs式的論壇,訂單的處理等等模組如果乙個人做的話,研究一些日子沒什麼問題,現在打算大家一起來做,3個小組,1個美工組,2個技術組,初步的打算是首先熟悉這些基本模組的技術,然後整...

我的專案總結

終於做完了兩個專案,幾乎用了近兩年的時間,應該好好總結一下了,要不然這麼好的經驗就白白浪費了。我做的專案都是企業定製開發的,所以總結也是側重於定製開發的專案,可能並不適合成型產品的專案。1 簽合同 合同裡面關於專案功能的地方要盡可能的詳細,範圍要盡可能的縮小。如果功能比較模糊,而範圍有比較大的話,那...

我的WINDOWS MOBILE專案開發

寫這個專案之前,應該宣告一下,這個專案具體是用在windows mobile上還是windows ce上還沒有確定,而本人呢也不知道windows mobile和windows ce在開發時有什麼區別,大體上講就是說到現在為止,我對移動裝置的開發是一無所知的。現在要做這個專案,首先要實現的問題有兩個...