Vue2 table render生成select联动

在Vue2中，Table组件通常用于展示数据列表，并通过`render`属性来动态渲染每个单元格的内容。如果你想在表格中创建一个下拉选择框联动，可以使用自定义列模板（template）并结合Vue的双向数据绑定(`v-model`)以及事件系统。

首先，在`data()`里定义下拉选项的数组：

data() {
  return {
    options: ['Option 1', 'Option 2', 'Option 3'],
    selectedValue: '',
  };
}

然后，在`table`的`columns`选项中设置一个渲染函数，它会接收当前行的数据作为参数：

<template>
  <tr v-for="(item, index) in items" :key="index">
    <td>
      <select v-model="selectedValue" @change="onChangeSelect($event)">
        <option v-for="option in options" :value="option">{{ option }}</option>
      </select>
    </td>
  </tr>
</template>

<script>
export default {
  data() {
    //...
  },
  methods: {
    onChangeSelect(value) {
      this.selectedValue = value; // 当选中项改变时更新selectedValue
      // 这里你可以根据需要处理联动操作，比如修改其他相关的值或者触发其他API调用
    },
  },
};
</script>

在这个例子中，每当用户选择一个新的选项，`selectedValue`就会更新，同时`onChangeSelect`方法会被调用。你可以根据这个`selectedValue`来关联其他组件的状态或者触发相关业务逻辑。