网站开发完成后如何发布,网站怎么上传,广州网站营销推广,南宁网约车资格证模拟考试1.form表单绑定的是一个对象#xff0c;表单里的一个输入项是对象的一个属性之一#xff0c;修改输入项#xff0c;表单没刷新的问题#xff0c;
el-form :modelformData :rulesrules refeditForm classdemo-ruleForm表单里的一个输入项是对象的一个属性之一修改输入项表单没刷新的问题
el-form :modelformData :rulesrules refeditForm classdemo-ruleFormel-form-item label执行时段 propexecuteTime required div v-for(executeTimeItem, index) in formData.executeTimeList :keyindex指定时刻{{ index 1 }}nbsp;el-time-picker v-modelformData.executeTimeList[index] placeholder选择时change(val) onExecuteTimeRangeChange(val, index):picker-options{ selectableRange: 18:30:00 - 20:30:00 }/el-time-pickernbsp;nbsp;img classvoice-info-icon-img :srcrequire(/assets/images/home/material/icon_add.svg) clickaddExecuteTimev-ifformData.executeTimeList.length (index 1) /nbsp;img classvoice-info-icon-img:srcrequire(/assets/images/home/material/icon_delete.svg)clickdeleteExecuteTime(index) v-ifformData.executeTimeList.length 1 //div/el-form-item
/el-form 这时怎么修改都没用
可有用下面方法去修改
// 执行时段变化时修改formDataonExecuteTimeRangeChange(value, index) {console.info(onExecuteTimeRangeChange value----------, value, index)let temp this.formData.executeTimeList;temp[index] value;this.$set(this.formData, executeTimeList, temp);},
2.elementUI 的table 动态显示字段使用v-if绑定在el-table-column标签上显示效果错乱
解决办法只需要在el-table-column标签上加个key属性即可
el-table-column typeselection width55 v-ifmanageState keyselection
/el-table-column