最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

iview的table组件自带的过滤器实现

来源:动视网 责编:小采 时间:2020-11-27 21:53:54
文档

iview的table组件自带的过滤器实现

iview的table组件自带的过滤器实现:iview的table组件自带的过滤器实现 iview框架的table组件自带的过滤器的使用方法: <script> export default { data () { return { columns: [ { title: 'Name', key: 'name' }, //过滤器 //通过给 columns
推荐度:
导读iview的table组件自带的过滤器实现:iview的table组件自带的过滤器实现 iview框架的table组件自带的过滤器的使用方法: <script> export default { data () { return { columns: [ { title: 'Name', key: 'name' }, //过滤器 //通过给 columns


iview的table组件自带的过滤器实现

iview框架的table组件自带的过滤器的使用方法:

<script>
 export default {
 data () {
 return {
 columns: [
 {
 title: 'Name',
 key: 'name'
 },
 //过滤器
 //通过给 columns 数据的项,设置 filters,可进行筛选,filters 接收一个数组,必须指定一个筛选函数filterMethod 
 {
 title: 'Age',
 key: 'age',
 filters: [
 {
 label: 'Greater than 25',
 value: 1
 },
 {
 label: 'Less than 25',
 value: 2
 }
 ],
 filterMultiple: false,
 filterMethod (value, row) {
 if (value === 1) {
 return row.age > 25;
 } else if (value === 2) {
 return row.age < 25;
 }
 }
 }
 ]
 }
 }
 }

上面的方法是iview的demo,但是这样不能实现分页时筛选,只能筛选当前页,想要实现分页筛选,只需在filterMethod函数的

第一行加上一段

this.age = value // age变量为key的名字

这样就可以实现分也时筛选了

文档

iview的table组件自带的过滤器实现

iview的table组件自带的过滤器实现:iview的table组件自带的过滤器实现 iview框架的table组件自带的过滤器的使用方法: <script> export default { data () { return { columns: [ { title: 'Name', key: 'name' }, //过滤器 //通过给 columns
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top