#选择类型 显示不一样的信息dom
#选择抬头类型 显示不一样的信息布局
#以下图:相似于这种需求,提交表单,须要进行表单验证
3d
若是用if判断的方式 逻辑太过复杂 ,难以梳理。我到如今尚未缕清。cdn
页面布局是用Vue的 v-if来进行布局,经过select选择,控制dom结构每一个类型的显示和隐藏,v-if 为false。 dom结构将直接remove掉。v-show仅仅是display:none。 因此 若是有选择select 下面选项有不一样的状况,用v-if来布局对象
验证表单代码
blog
##代码说明rem
$(".ydy_posion .ydy_input") 为表单中全部的input的class。 判断每一个元素的value值,若是为空,弹出改元素上 dataTitle 属性,dataTitle属性 为 该输入框的提示语input
param[$(".ydy_posion .ydy_input").eq(i).attr("id")] = $(".ydy_posion .ydy_input").eq(i).val(); 此段代码能够 将 变量做为 对象的属性进行赋值页面布局
此方法,可省去多个if判断input为空 ,在弹出提示。it