iview框架使用注意事项

最新推荐文章于 2024-07-26 14:42:11 发布

jiexianerzou

最新推荐文章于 2024-07-26 14:42:11 发布

阅读量3.3k

点赞数

本文链接：https://blog.csdn.net/jiexianerzou/article/details/71123803

版权

this.$refs.dataPage.currentPage = 1;


<Page ref="dataPage" :total="recordData.length" :page-size="recordPageCapacity" show-elevator class="fr" style="margin-top: 10px;" @on-change="recordChangePage"></Page>



1. TimePicker 和 DatePicker 两种日期选择组件虽然方便，但使用时需要注意：使用

 
 
  
  
 
 
DatePicker 绑定on-change事件，可以通过 ：on-change:function(date) {
    console.log(date)
}


获取到当前选择的日期，但TimePicker 这样做每次更改时、分、秒都会触发此事件，建议给TimePicker 加上confirm 选项，并用on-ok事件获取当前选择的时间（注意要进行Date的格式化）



2.对于一些组件如<Menu>,<Page>，如果需要手动控制打开的菜单，当前页码，需要给组件设置ref属性，然后在方法中使用this.$refs.xxx = "xxx"进行控制
<Page ref="dataPage" :total="recordData.length" :page-size="recordPageCapacity" show-elevator class="fr" style="margin-top: 10px;" @on-change="recordChangePage"></Page>






//待更新......