vxe2.9.4动态设置下拉

你可以通过动态修改表头中的 `filters` 属性来动态设置下拉框的选项。具体实现方式如下：

1. 首先，在表格的 `mounted` 钩子函数中获取表格的 `columns` 属性，该属性包含了表格的所有列信息。

mounted () {
  // 获取表格的所有列
  const columns = this.$refs.xTable.getColumns()
  // 动态修改第一列的 filters 选项
  const col1 = columns[0]
  col1.filters = [
    { text: '选项1', value: '1' },
    { text: '选项2', value: '2' },
    { text: '选项3', value: '3' }
  ]
  // 更新表格的列信息
  this.$refs.xTable.setColumns(columns)
}

2. 在上述代码中，我们获取了表格的所有列信息，并通过 `columns[0]` 获取了第一列的信息。然后，我们将第一列的 `filters` 属性设置为一个包含了三个选项的数组。最后，我们通过 `setColumns` 方法更新表格的列信息。

需要注意的是，如果你的表格中使用了分页，动态修改 `filters` 属性后，你需要重新加载表格数据以更新分页信息。

相关问题

vxe 2.9.4 :edit-render select 做动态下拉

您可以使用VXE组件库来实现动态下拉列表，具体步骤如下：

1. 首先，定义一个数组，用于存储下拉列表选项的数据。例如：

let options = [
  { label: 'Option 1', value: 'option1' },
  { label: 'Option 2', value: 'option2' },
  { label: 'Option 3', value: 'option3' }
];

2. 接着，在VXE的表单中，使用`<vxe-form-item>`组件来添加一个下拉列表项。例如：

<vxe-form-item label="My Select" prop="mySelect">
  <vxe-select v-model="selectValue" :options="options"></vxe-select>
</vxe-form-item>

其中，`:options`绑定了上一步中定义的下拉列表选项数据。

3. 如果您希望根据某些条件动态生成下拉列表选项，可以在VXE组件的`mounted`生命周期中，动态更新`options`数组。例如：

mounted() {
  if (someCondition) {
    this.options = [
      { label: 'Option A', value: 'optionA' },
      { label: 'Option B', value: 'optionB' },
      { label: 'Option C', value: 'optionC' }
    ];
  }
},

这样，根据条件的不同，下拉列表中的选项也会动态改变。

请注意，上述代码仅供参考，您需要根据实际情况进行修改和调整。

vxe2.9.4的每一行设置不同的下拉选项限制

如果您使用的是 `vxe-table` 2.9.4 版本，可以使用 `edit-render` 属性来自定义单元格的编辑渲染器，从而实现每一行设置不同的下拉选项限制。您可以在 `edit-render` 中使用 `vxe-select` 组件，并在 `vxe-select` 的 `before-dropdown-show` 事件中根据行数据动态设置可选项。例如：

<vxe-table-column field="type" label="类型" :edit-render="{ name: 'select', options: { beforeDropdownShow: handleDropdownShow } }"></vxe-table-column>

在上面的例子中，我们将 `edit-render` 属性设置为 `{ name: 'select', options: { beforeDropdownShow: handleDropdownShow } }`，这样就可以使用 `vxe-select` 组件，并在 `vxe-select` 的 `before-dropdown-show` 事件中动态设置可选项了。下面是 `handleDropdownShow` 方法的实现：

methods: {
  handleDropdownShow(params) {
    const { row } = params
    const options = []
    if (row.status === 'draft') {
      options.push({ label: '草稿', value: 'draft' })
    }
    if (row.status === 'published') {
      options.push({ label: '已发布', value: 'published' })
      options.push({ label: '已下架', value: 'offline' })
    }
    if (row.status === 'offline') {
      options.push({ label: '已下架', value: 'offline' })
      options.push({ label: '已发布', value: 'published' })
    }
    params.options = options
  }
}

在上面的方法中，我们根据行数据 `row` 来动态设置可选项 `options`，然后将可选项赋值给 `params.options`，这样就可以在下拉选项中显示动态设置的可选项了。

您可以根据您的实际需求，在 `handleDropdownShow` 方法中动态设置可选项，并在 `edit-render` 中使用该方法实现每一行设置不同的下拉选项限制。