uni-app 微信 qq 小程序 picker

//页面
<view class="cu-form-group margin-top">
  <view class="title">普通选择</view>
  <picker @change="PickerChange" :value="index" :range="picker">
    <view class="picker">{
    
    {
    
    index>-1?picker[index]:'禁止换行，超出容器部分会以 ... 方式截断'}}</view>
  </picker>
</view>

//js
export default {
    
    
  data() {
    
    
    return {
    
    
      index: -1,
      picker: ['喵喵喵', '汪汪汪', '哼唧哼唧']
    }
  },
  methods: {
    
    
    PickerChange(e) {
    
    
      this.index = e.detail.value
    }
  }
}