1 <template> 2 <view> 3 <view> 4 <picker :range="years" @change="yearChange"> 5 {{ years[yearsIndex] }} 6 </picker> 7 </view> 8 </view> 9 10 </template> 11 12 <script> 13 export default { 14 data() { 15 return { 16 years:["请选择年份",1998,1999,2000], 17 yearsIndex:0 18 } 19 }, 20 methods:{ 21 yearChange:function(e){ 22 console.log(e) 23 //获得对象的 detail的 value 24 //通过数组的下标改变显示在页面的值 25 this.yearsIndex = e.detail.value; 26 } 27 } 28 } 29 </script> 30 31 <style> 32 33 </style>
picker底部滚动选择器
猜你喜欢
转载自www.cnblogs.com/wenqiangbai/p/11870964.html
今日推荐
周排行