iview里面监控表单input等发生变化

最新推荐文章于 2025-05-05 15:23:29 发布

原创最新推荐文章于 2025-05-05 15:23:29 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

前端同时被 2 个专栏收录

183 篇文章

订阅专栏

爬坑

50 篇文章

订阅专栏

本文探讨了在前端开发中如何使用Vue.js处理表单元素，包括日期选择器和下拉选择框，并详细介绍了如何通过on-change事件进行数据绑定及交互逻辑的实现。

使用的是on-change

 <FormItem label="结束时间" prop="End">
   <DatePicker
     type="date"
     :options="endTimeOptions"
     placeholder="请选择结束时间"
     v-model="step1Form.End"
     @on-change="endTimeChange"
     class="time"
   ></DatePicker>
 </FormItem>
 <FormItem label="区域" prop="DistrictId">
   <Select v-model="step1Form.DistrictId" placeholder="选择区域" @on-change="myDistrict">
     <Option v-for="item in areaList" :value="item.Id" :key="item.Id">{{ item.Name }}</Option>
   </Select>
 </FormItem>