Picker 选择

import { Picker } from 'feui';
let years = [];
for (var i = 2000; i <= 2030; i++) {
  years.push({
    name: i + "年",
    value: i + ""
  });
}

components: {
  [Picker.name]: Picker,
},
data() {
  return {
    years: [years],
    years1: [years, [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]],
  };
}
methods: {
  change(value) {
    console.log("new Value", value);
  },
}

代码演示

默认

<divider>默认，不设置默认值时选中第一个 {{year1}}</divider>
<fe-picker :data='years' v-model='year1' 
  @on-change='change'>
</fe-picker>

双向绑定

<divider>双向绑定</divider>
<fe-picker :data='years' v-model='year3' 
  @on-change='change3'>
</fe-picker>
<select v-model='year5'>
  <option v-for='one in years[0]' :value='one.value'
   :key='one.index'>{{one.name}}</option>
</select>

非联动多列

<divider>非联动多列</divider>
<fe-picker :data='years1' v-model='year4'
  @on-change='change'>
</fe-picker>

非联动多列

<divider>3列的数据，只显示两列</divider>
<fe-picker :data='year7' :fixed-columns="2" :columns=3 
  v-model='year8Value' @on-change='change'>
</fe-picker>

API

Events

Methods