在 cometchat 用户列表中预搜索用户的点击事件

Question

有人可以教我如何从一个按钮访问 CometChatUserListWithMessages，该按钮重定向到我导入了 cometchat 的消息页面。 （cometchat 的行为就像我页面中的一个小部件。）

我尝试了 onClick 事件，在此之前将我重定向到消息页面，但无法找到进入 cometchat 的用户列表的方法，它有我想要预填充/预搜索的搜索栏。

这是我的卡代码：这里有我的连接按钮，我想将其重定向到我的消息页面。

<template>
  <div class="card-container">
    <v-card variant="outlined" elevation="12" style="border-radius: 20px">
      <v-row>
        <v-col class="ml-6 mt-6">
          <div class="card-header">
            <h3>{{ tutor.first_name }} {{ tutor.last_name }}</h3>
          </div>
        </v-col>
        <v-spacer></v-spacer>
        <a :href="'/messages?' + tutor.first_name + tutor.last_name">
          <v-btn class="button primary mt-5">Connect</v-btn>
        </a>
      </v-row>
      <div class="ml-6">
        <p class="card-body">Program: {{ tutor.program }}</p>
        <p class="card-body">Year: {{ tutor.year }}</p>
        <p class="card-body">Subject: {{ tutor.subject }}</p>
      </div>
    </v-card>
  </div>
</template>

<script>
export default {
  name: "TutorCard",
  props: {
    tutor: {
      type: Object,
    },
  },
  methods: {
    connectWithTutor() {
      const query = { tutor: this.tutor.first_name + this.tutor.last_name };
      this.$router.push({ name: "messages", query });
    },
  },
};
</script>

这是我的消息页面：我在这里导入了 CometChat，但无法找到一种方法来使用我的导师姓名预搜索 CometChatUserList 的搜索栏以找到它们并开始对话。 （导师姓名是用户的uID）

<template>
  <div :class="computedClass" style="width: 100%; height: 100vh">
    <CometChatUI />
  </div>
</template>

<script>
import { CometChatUI } from "../../cometchat-pro-vue-ui-kit-master/CometChatWorkspace/src";
export default {
  components: {
    CometChatUI,
  },
  computed: {
    computedClass() {
      if (this.isLargeScreen) {
        return "mt-n16";
      } else {
        return "";
      }
    },
    isLargeScreen() {
      return this.$vuetify.breakpoint.lgAndUp;
    },
  },
};
</script>