一个月的总结
切换按钮的组件联动轮播图
1、使用的是elementUI,切换按钮有activeName,是让按钮点击后出现点击后的效果,然后在轮播图的el-carousel-item上绑定activeName,按钮的点击方法也要改变轮播图绑定的下标,这时候就需要ref来绑定 通过$ref获取改变,这里点击按钮就可以换轮播图了,轮播图的切换也需要改变按钮的activeName,因为activeName是全局的 所以在方法里面直接改变this.activeName,这样点击轮播图的切换 就可以切换按钮了。
表单验证与组件销毁
表单验证的话,一般是一个文件有一个验证,如果是别的组件的验证的话,可以选择引入的方式,然后传打开与关闭的方法就可以,react组件销毁的话使用短路操作,用&&(true或false&&组件)如果前面的是true组件就会显示,false就不会显示
对于接口返回的数据的修改
一般接口返回的JSON数据,如果想要修改,就要先遍历,然后改每一项的东西(item),拿到item之后就可以顺便改,改返回的内容,比如返回了1,你可以改成正确,也可以增加,比如没有text,可以添加item.text = (什么什么)
正则表达式(百度啥都有)
我遇到的问题是,他要求是仅支持英文大小写、数字、下划线和英文句号,然后我写的是!/[a-zA-Z0-9_.]/.test(),但是有一个问题是单独输入除英文大小写、数字、下划线和英文句号的会报错,但是如果在输错的基础上加英文大小写、数字、下划线和英文句号,他就不报错了,正确的写法是!/^[a-zA-Z0-9_.]+$/.test()