(PS:没有table组件的墨刀,掩面苦笑,真难用)
从整个页面上分析,整体分为二部分,表单FA列表和表格TA
表单FA列表可以新增,删除,设为默认,其中一些表单项要求可以边输入边检索,选中选项后,自动将其他表单项填充...接下来开始设计数据结构,别慌在这之前我想先谈一下前端数据驱动的页面设计
数据驱动:
关于数据驱动有的人解释为:当数据发生变化的时候,用户界面发生相应的变化,开发者不需要手动的去修改dom
相比以往jquery...那种拿到数据后再使用选择器,操作dom的方法渲染页面,数据驱动有很好的扩展性和效率,要想改变页面,直接操作数据,多一条,少一条都可以直接在页面上反应出来.这也是得益于目前前端框架的飞速发展.这种数据驱动的方法解放了前端开发人员的双手...另外有的时候事件处理函数可以直接传递对象 如更改firstFormItem 第一级数据,需要动态更改修改第二级第三级相关的数据,这个是时候就可以在dom上这样注册事件
<tr v-for="(serviceItem...效果图:
效果图等我做个简单demo在放吧,最近忙着赶产品经理修改的需求
总结:
数据结构真的很重要
在拒绝之前要有理由说服自己,这个确实不能实现 或许真就是你晋级的机会
设计的时候多考虑一下扩展性,因为你的产品经理很快就会改需求