vue q-select的值发生变更的时候，从数据库获取数据，设置信息到画面

当 `q-select` 的值发生变化时，你可以在 `@change` 事件中获取新的值，然后向后端发送请求，获取需要显示的信息数据，并将获取到的数据设置到组件的数据属性上，从而实现信息的更新。示例代码如下：

<template>
  <div>
    <q-select v-model="selectedValue" @change="handleSelectChange" :options="options" />
    <p>{{ selectedInfo }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '',
      selectedInfo: ''
    }
  },
  computed: {
    options() {
      return [
        { label: 'Option 1', value: 'option1' },
        { label: 'Option 2', value: 'option2' },
        { label: 'Option 3', value: 'option3' }
      ]
    }
  },
  methods: {
    handleSelectChange() {
      // 向后端发送请求，获取信息数据
      // 假设请求的 API 地址为 '/api/getInfo'
      fetch('/api/getInfo', {
        method: 'POST',
        body: JSON.stringify({ value: this.selectedValue })
      })
      .then(res => res.json())
      .then(data => {
        // 将获取到的信息数据设置到组件的数据属性上
        this.selectedInfo = data.info
      })
      .catch(error => {
        console.error(error)
      })
    }
  }
}
</script>

在上述示例中，我们在 `q-select` 上监听了 `@change` 事件，在事件处理函数中向后端发送请求，获取需要显示的信息数据，并将获取到的数据设置到 `selectedInfo` 数据属性上，从而实现信息的更新。你可以根据自己的实际需求，调整代码逻辑和请求参数等。