uniapp实现下拉框，数据为items[{key:1,value:'666'},{key:2,value:'777'}],并且可以回显

在uni-app中实现下拉框，并且可以回显选项的话，可以使用uni-app的组件`<picker>`来实现。

首先，你可以在`<template>`中定义一个`<picker>`组件，并设置相应的属性和绑定相应的数据。例如：

<template>
  <view>
    <picker v-model="selectedValue" :range="items" range-key="value" @change="onChange">
      <view class="picker">
        {{ selectedText }}
      </view>
    </picker>
  </view>
</template>

在这里，我们使用了`v-model`指令来双向绑定选中的值，使用`:range`属性来指定下拉框的选项，`:range-key`属性来指定选项对象中的显示文本字段。

接下来，在`<script>`中定义相关的数据和方法。例如：

<script>
export default {
  data() {
    return {
      items: [{ key: 1, value: '666' }, { key: 2, value: '777' }],
      selectedValue: '', // 选中的值
    };
  },
  computed: {
    selectedText() {
      // 根据选中的值获取对应的显示文本
      const selectedItem = this.items.find(item => item.key === this.selectedValue);
      return selectedItem ? selectedItem.value : '';
    },
  },
  methods: {
    onChange(event) {
      this.selectedValue = event.mp.detail.value; // 更新选中的值
    },
  },
};
</script>

在这里，我们通过`computed`属性来计算选中值对应的显示文本，通过`onChange`方法来更新选中的值。

这样，就实现了一个可以下拉选择的下拉框，并且可以回显选项的功能。你可以根据自己的需求进行样式和逻辑的调整。