使用elementui级联选择器获取当前选中的值做查询条件

使用ElementUI的级联选择器获取当前选中的值，可以通过监听级联选择器的change事件来获取。

首先，在模板中使用el-cascader标签来创建级联选择器，并绑定一个change事件，如下所示：

<el-cascader
  v-model="selectedOptions"
  :options="options"
  @change="handleCascadeChange"
></el-cascader>

然后，在Vue实例中定义selectedOptions和options两个数据属性，并编写handleCascadeChange方法来处理级联选择器的change事件，如下所示：

data() {
  return {
    selectedOptions: [], // 当前选中的值
    options: [
      {
        value: 'option1',
        label: 'Option 1',
        children: [
          {
            value: 'option1-1',
            label: 'Option 1-1'
          },
          {
            value: 'option1-2',
            label: 'Option 1-2'
          }
        ]
      },
      {
        value: 'option2',
        label: 'Option 2',
        children: [
          {
            value: 'option2-1',
            label: 'Option 2-1'
          },
          {
            value: 'option2-2',
            label: 'Option 2-2'
          }
        ]
      }
    ]
  }
},
methods: {
  handleCascadeChange(value) {
    console.log(value); // 当前选中的值
    // 可以在这里将选中的值作为查询条件进行查询操作
  }
}

在handleCascadeChange方法中，通过参数value获取到当前选中的值，可以将其作为查询条件进行查询操作。

以上是一个简单的示例，你可以根据自己的实际需求进行相应的修改和扩展