1.使用uni-forms插件来进行处理页面的表单
uni-forms插件地址:ext.dcloud.net.cn/plugin?id=2…
使用例子:blog.csdn.net/jxzdezhanha…
注意:uni-forms中的uni-forms-item外面是不允许包含view的,会报错【重要】,uni-forms使用类似像element-ui,且也有很多不同(下图就是因为在uni-forms-item外面是包含view,所报的错)
不同点:
(1)其验证方式也有很大的不同:
对象中嵌入rules数组【每一个验证对象都要嵌入一个rules数组】
(2)表单验证不同
验证表单例子:blog.csdn.net/weixin_5060…
上图的valid返回的是输入不通过的信息,!valid就是代表着没有报错信息,才执行下一步操作,而element-ui的表单验证是有表单验证错误则不执行,两者想法是相反的,uni-forms的表单校验是没有报错才执行下一步
2.uni-forms组件绑定值,官方提供是:modelValue="存放表单值对象的变量名",然而这是不行的,要用:value="存放表单值对象的变量名",这样才能绑定到表单变量【我就在想,出个文档会死吗?辣鸡】
3.css如何height:100%起作用?
www.cnblogs.com/qianxunpu/p…
根据W3C的规范,百分比的高度在设定时需要根据这个元素的父元素容器的高度。所以,如果你把一个div的高度设定height:50%,而它的父元素的高度是100px,那么,这个div的高度应该是50px。
4.删除乘车人信息功能显示与隐藏功能
效果:点击左侧icon,显示删除按钮,再次点击隐藏,循环出来每一项,都可以单独显示与隐藏
思路:使用多选思想,把点击icon项index存入数组中,再次点击则移除对应的index,通过查找这个数组中是否有对应的index来显示删除按钮,如果有index则显示删除按钮,如果没有index则隐藏按钮,从而达到每一项都可以单独显示与隐藏【而不会点击其中一个,就全部一起显示与隐藏】
思路参考:blog.csdn.net/beichenxian…
解读:先查询一遍是否有对应index,没有则添加到数组中;如果数组中有,则移除数组中对应的值
5.获取v-for循环最后一项,并动态添加上css样式 思路链接:www.cnblogs.com/STRSong/p/1…
思路:使用三元表达式判断即可,判断数组长度-1【下标从0开始,-1就可以获得最后一个下标的元素】,再动态加上样式即可