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怎么使它不跳到页面顶端

 


                 

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