用van-filed,popup和picker做一个组件，在选择了弹窗里面的信息后将该信息显示在文本中

好的，这是一个比较简单的组件，可以使用 Vue.js 来实现。首先，我们需要在组件的 template 中定义一个 van-popup 和 van-picker，然后在 van-popup 中嵌套 van-picker。在 van-picker 中定义选项，当用户选择一个选项时，我们需要将该选项的值存储在一个变量中。最后，在 van-popup 中添加一个确认按钮，当用户点击该按钮时，我们需要将选项的值显示在文本中。

以下是示例代码：

<template>
  <div>
    <van-field v-model="text" label="选择信息" readonly @click="showPopup" />
    <van-popup v-model="show" position="bottom">
      <van-picker
        :columns="options"
        @change="onChange"
        @confirm="onConfirm"
      />
      <div style="text-align: right; padding: 10px">
        <van-button type="primary" @click="onConfirm">确认</van-button>
      </div>
    </van-popup>
  </div>
</template>

<script>
export default {
  data() {
    return {
      show: false,
      options: [
        ['选项1', '选项2', '选项3'],
        ['选项A', '选项B', '选项C'],
      ],
      value: ['选项1', '选项A'],
      text: '',
    };
  },
  methods: {
    showPopup() {
      this.show = true;
    },
    onChange(value) {
      this.value = value;
    },
    onConfirm() {
      this.show = false;
      this.text = this.value.join(' ');
    },
  },
};
</script>

这个组件包含一个 van-field，当用户点击该字段时，会显示一个 van-popup，其中包含一个 van-picker。当用户选择一个选项时，我们将该选项的值存储在 value 变量中。当用户点击确认按钮时，我们将 value 变量的值显示在文本中。

希望这个示例能够帮助你实现你的组件！