uview的picker如何使用

uView的Picker组件是一个类似于原生select的选择器，可以用来选择某个选项。使用Picker组件需要以下步骤：

1. 在需要使用Picker组件的页面中引入Picker组件：

<template>
  <view>
    <picker></picker>
  </view>
</template>

<script>
import { Picker } from 'uview-ui'

export default {
  components: {
    Picker
  }
}
</script>

2. 在Picker组件中设置数据源和事件监听：

<template>
  <view>
    <picker :list="list" @change="onChange"></picker>
  </view>
</template>

<script>
import { Picker } from 'uview-ui'

export default {
  components: {
    Picker
  },
  data() {
    return {
      list: ['选项1', '选项2', '选项3']
    }
  },
  methods: {
    onChange(index) {
      console.log(index)
    }
  }
}
</script>

在上面的例子中，设置了一个list数组作为Picker的数据源，同时设置了一个change事件监听器，当用户选择某个选项时，会触发change事件并传递选项的索引值作为参数。

3. 可以通过props设置Picker的样式和其他属性：

<template>
  <view>
    <picker
      :list="list"
      :title="title"
      :height="height"
      :confirm-text="confirmText"
      :cancel-text="cancelText"
      :value="value"
      @change="onChange"
    ></picker>
  </view>
</template>

<script>
import { Picker } from 'uview-ui'

export default {
  components: {
    Picker
  },
  data() {
    return {
      list: ['选项1', '选项2', '选项3'],
      title: '请选择',
      height: 400,
      confirmText: '确定',
      cancelText: '取消',
      value: 1
    }
  },
  methods: {
    onChange(index) {
      console.log(index)
    }
  }
}
</script>

在上面的例子中，设置了Picker的title为“请选择”，高度为400，确定按钮文本为“确定”，取消按钮文本为“取消”，默认选中的选项为第二个（索引为1）。

以上就是使用uView的Picker组件的基本步骤和注意事项。