vue開發項目實戰小結

時隔四個月後,我來更博了!

最近在用vue,vux寫前端,數一數踩過哪些坑吧!

1,vux中的組件x-input內置的小叉號沒辦法刪除輸入框的內容,最後還是要手動封裝方法刪除內容。

2,版權水印在頁面最下面,手機端的頁面因爲要兼容不同大小的屏,剛開始使用相對定位去設置位置,可是手機端的輸入欄打開後會把水印頂上去,之後用的固定定位正在測試中。

3,當設置body的height爲100%時,如果body的高度小於屏的高度,背景漸變色會只有body那麼高,剩下一塊白,若body高度高於屏的高度,高於屏的部分背景是白色。

現在的解決方案是body設爲100vh,就是把body高設置爲屏高,給內部div加上相對定位,背景設置漸變,正在測試中....

4,vux中grid組件無法改變大小,最後找到了兩種方案局部修改:使用   /deep/   和 >>>

5,輸入框前的星號無法被識別爲第一個字,導致第一個字顏色變紅,最後利用css的content向所選元素字的前面加入字符實體,在設置顏色即可。

.rqu :before {
  content: "/273d";
  color: red;
}

6,點擊上一步時,頁面重新渲染,所選內容全部清空。解決方案:在beforeRouteEnter判斷路由,在這個方法中不能使用this.可使用next方法中的變量指代this.

beforeRouteEnter(to, from, next) {

next(vm => {

vm.forms = from.path == "/students/myInfo" ? true : false;

if (vm.forms) {}

});

現在還留着一些未解決的問題:

vux中的組件search怎麼使它不跳到頁面頂端

 


                 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章