海南建设厅网站,网站建设哪里招标,南京百度网站建设,央美老师做的家具网站极简属性#xff1a;data(仅提供方法和极简示例#xff0c;实践党可自行扩展#xff0c;伸手党请绕行)表单组件通用注#xff1a;此data是组件的一个隐藏属性示例#xff1a;template#xff1a;{{sexs[grouplist.sexIndex].name}}data#xff1a;sexs: [{name: 男…极简属性data(仅提供方法和极简示例实践党可自行扩展伸手党请绕行)表单组件通用注此data是组件的一个隐藏属性示例template{{sexs[grouplist.sexIndex].name}}datasexs: [{name: 男},{name: 女}],grouplist: {name:,sexIndex:0}methodinputInfo(e) {let type e.target.dataset.type // e.target.dataset.type中的type就是data-type中的参数this.grouplist[type] e.target.value // 给对象参数动态赋值}只需要这一个方法即可取代之前很多重复性的赋值工作复用性极高你可以叫 data-type 也可以起一个自己喜欢的 data-man 等等缺点这种template写法需要预置很多重复性的模板组件解决思路用 v-for 对 data-type 进行动态赋值每个组件预置一次动态取用即可但内部模板组件取用条件需自行书写判断逻辑。有兴趣的道友还可以自行扩展。