el-cascader 使用远程搜索。需要根据返回数据的属性，给返回的每条搜索结果，动态添加按钮。并且需要给按钮添加事件。

`el-cascader` 是 Element UI 提供的一款下拉级联选择组件，它支持通过远程搜索功能从服务器获取动态选项。当用户输入搜索内容时，会向服务器发送请求，获取包含指定关键词的结果。

为了实现在返回的数据中动态添加按钮并绑定事件，你可以按照以下步骤操作：

1. **设置远程搜索函数**：
在你的 Vue 组件中，创建一个处理远程搜索的函数，例如 `searchCascader`。这个函数接收用户输入作为参数，并使用 Axios 或其他 HTTP 库发送异步请求到服务器。

methods: {
  searchCascader(query) {
    this.$axios.get('/api/search', { params: { q: query } })
      .then(response => {
        // response.data 是服务器返回的包含搜索结果的对象数组
        const options = response.data.map(item => ({
          label: item.label,
          value: item.value,
          // 动态生成按钮的属性（假设每个结果都有一个动作键 'action'）
          actionBtn: `<button @click="handleAction(${item.action})">${item.buttonLabel}</button>`,
        }));
        this.options = options;
      });
  },
}

2. **处理按钮点击事件**：
创建一个 `handleAction` 函数，根据每个结果的 `action` 属性来触发相应的操作。在 `options` 数组中，给每个按钮绑定一个 `@click` 事件，传递相关的操作数据。

3. **绑定到 `el-cascader`**：
将远程搜索的 `searchCascader` 函数绑定到组件的 `remote-method` 属性上，当用户输入改变时自动触发搜索。同时，设置 `props-data` 来初始化级联选择器，包含已搜索到的选项。

<el-cascader
  :props="{
    options: options,
    remoteMethod: 'searchCascader',
    placeholder: '请输入搜索'
  }"
></el-cascader>