Vue实现动态遍历生成el-input

实现效果:

el-input的label是measureName,

el-input绑定的值是formDatat.measureCode

Vue实现动态遍历生成el-input_第1张图片

Vue实现动态遍历生成el-input_第2张图片

 

 接口返回的数据格式如下

Vue实现动态遍历生成el-input_第3张图片

 Vue实现动态遍历生成el-input_第4张图片

 处理过的formData的格式如下

Vue实现动态遍历生成el-input_第5张图片

 Vue实现动态遍历生成el-input_第6张图片

 

 
 

你可能感兴趣的:(后台管理系统,vue基础,vue项目中常用操作,vue.js,前端,javascript)