组件化过程中的变量处理问题
vue组件化开发过程中,经常会遇到需要额外处理变量的问题
<el-form :model="caseSearchForm" ref="caseSearchForm" class="caseSearchForm" label-width="100px">
<el-form-item label="编号" v-if="caseState == 'transfer'">
<el-input v-model="caseSearchForm.number"></el-input>
</el-form-item>
<el-form-item label="姓名">
<el-input v-model="caseSearchForm.name"></el-input>
</el-form-item>
<el-form-item label="时间段">
<el-date-picker v-model="acceptTimeArray" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd" :default-time="['00:00:00', '23:59:59']">
</el-date-picker>
</el-form-item>
</el-form>
后台需要传输的字段需要将acceptTimeArray拆分成startTime和endTime两个字段
如子组件和父组件采用相同的变量名,即时间段使用caseSearchForm.acceptTimeArray来传输,会影响当前页面值的显示
所以采用另外定义变量的方式,将acceptTimeArray和caseSearchForm完全分开处理,传值前再进行赋值