需求:输入之后展示输入结果,展示结果随时可以再次修改,类似知乎修改个人信息那样。
1 .不能使用动态组件来操作,因为动态组件需要的是父组件改变来改变currentTabComponents,这个改变的决定权在每个子组件,虽然可以emit传上来,但是好像没有必要。
2 .任何一个容器都可以被指定为felx布局,这样容器内的元素就可以使用flex布局来实现,当父容器设置为flex之后,其余的float,clear,vertial-align的属性将会失效
3 .这个flex可不可以隔代操作
4 .既要做到向下兼容,也要做到向上承接。具体就是对可能向下添加div的容器,display:flex;justify-content:center;。 任意一个子div,或是儿子,或是孙子元素,都flex:1.承接上面的属性
5 .input的默认样式清除的时候,需要将border,outline一起置为none
6 .input如何隐藏focus的时候出现的输入提示框。一闪一闪的竖线。caret-color: transparent; 还有这个属性,直接使用透明的颜色
7 .虽然可以使用
优化
1 .大段的复制输入,会不会导致浏览器的崩溃,如何控制用户的输入上限
2 .传入显示icon的,原来是有三种方式,现在统一变成slot传入组件
3 .他只限制了高度,宽度默认是100%,需要加的时候自己传style,真正决定大小还是需要各种小的栅格化组件