vue实现下拉框多选查询代码

以下是一个简单的Vue下拉框多选查询代码示例：

<template>
  <div>
    <select v-model="selected" multiple>
      <option v-for="option in options" :value="option.value">{{ option.text }}</option>
    </select>
    <button @click="search">查询</button>
    <ul>
      <li v-for="item in results">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selected: [],
      options: [
        { text: '选项1', value: '1' },
        { text: '选项2', value: '2' },
        { text: '选项3', value: '3' },
        { text: '选项4', value: '4' },
      ],
      results: [],
    };
  },
  methods: {
    search() {
      // 根据选中的选项进行查询
      // 这里只是简单的将选中的选项字符串拼接起来作为结果
      this.results = this.selected.join(',');
    },
  },
};
</script>

在这个示例中，我们使用了一个`<select>`元素来实现下拉框多选功能，使用`v-model`指令将选中的选项绑定到`selected`数组中。在查询按钮被点击时，调用`search`方法进行查询，将选中的选项字符串拼接起来作为结果展示在页面上。