el-cascader点击按钮出现

您好！感谢您的提问。要实现el-cascader点击按钮出现的效果，您可以按照以下步骤进行操作：

1. 首先，在您的HTML文件中引入el-cascader组件，确保已经安装了element-ui库。

2. 在Vue的data选项中定义一个变量，用来控制el-cascader组件的显示与隐藏。例如，可以将变量名命名为showCascader，并将其初始值设置为false。

3. 在需要点击按钮出现el-cascader的位置，添加一个按钮元素，并绑定一个方法。

4. 在Vue的methods选项中定义这个方法。在方法中，将showCascader设置为true。

5. 在el-cascader组件的外部包裹一个div元素，并使用Vue的v-if指令来控制该div元素的显示与隐藏。通过判断showCascader的值，如果为true，则显示el-cascader组件，如果为false，则隐藏。

下面是一个简单的示例代码：

<template>
  <div>
    <button @click="showCascader = true">点击显示el-cascader</button>
    <div v-if="showCascader">
      <el-cascader
        v-model="selectedOptions"
        :options="options"
      ></el-cascader>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showCascader: false,
      selectedOptions: [],
      options: [
        // el-cascader的选项配置
        // ...
      ],
    };
  },
  methods: {
    // 其他方法...
  },
};
</script>

在上面的代码中，当点击按钮时，showCascader的值会变为true，从而显示el-cascader组件。希望这能帮助到您！如有更多问题，请随时提问。