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>
相关文章
- 01-31python-用底部编辑线,状态栏和滚动历史记录实现“控制台外壳”的最佳方法?
- 01-31ListView(3)关于listview滚动事件,何时滚动到顶部或底部
- 01-31页面滚动,底部视图显示和隐藏详解 android
- 01-31VUE实现消息更新自动滚动到页面最底部
- 01-31vue 滚动条到最底部
- 01-31MFC 编辑框 显示 滚动到底部
- 01-31遍历Picker选择器,只改变一个下拉框选项
- 01-31Vuetify2.x学习笔记(肆):扩展面板(expansion panel)、菜单(menu)、对话框(dialog/popup)、表单(form)、日期选择器(date picker)【完结】
- 01-31picker底部滚动选择器
- 01-31Element UI——日期时间选择器el-date-picker开始时间与结束时间约束解决方案