时隔四个月后,我来更博了!
最近在用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怎么使它不跳到页面顶端