Vue.js 表单模板:所得期间、工号和证件类型输入
The code snippet provided is a part of a Vue.js form template.
It includes three form items:
-
'所得期间起' (Income Period Start Date): It is a date picker input field. The selected date is bound to the 'form.incomePeriodDateStart' variable using v-model. The input field has a clearable option, small size, and a placeholder text. The date format is set to 'yyyy-MM-dd' using value-format, and the width is set to 170px. The picker options are customized using 'datePickerOptions'.
-
'工号' (Employee ID): It is an input field where the user can enter the employee ID. The entered value is bound to 'form.acTaxPiPersonVo.employeeId' using v-model. It has a placeholder text.
-
'证件类型' (Identification Type): It is a select dropdown field where the user can select the identification type. The selected value is bound to 'form.acTaxPiPersonVo.identificationType' using v-model. The options for the dropdown are generated using v-for loop over the 'personInfo' array. Each item in the array is displayed as an option with its label and value set as the identification type.
-
'所得期间止' (Income Period End Date): It is a date picker input field similar to the first one. The selected date is bound to 'form.incomePeriodDateEnd' using v-model. It has similar options and styling as the first date picker, with a different placeholder text. The picker options are customized using 'datePicker'.
原文地址: http://www.cveoy.top/t/topic/bQQE 著作权归作者所有。请勿转载和采集!