element的el-dropdown,动态添加选项

element的el-dropdown组件可以实现下拉菜单功能，而且可以通过动态添加选项来扩展菜单项。

要动态添加选项，首先需要在data中定义一个数组，用来存放菜单项的信息。例如：

data() {
  return {
    options: [
      {
        value: 'option1',
        label: '选项一'
      },
      {
        value: 'option2',
        label: '选项二'
      }
    ]
  }
}

然后，在el-dropdown组件中的el-dropdown-menu标签中使用v-for指令循环渲染菜单项。注意要绑定菜单项的value和label属性，以及给菜单项添加一个key属性：

<el-dropdown-menu>
  <el-dropdown-item
    v-for="(option, index) in options"
    :key="option.value"
    :command="option.value"
  >
    {{ option.label }}
  </el-dropdown-item>
</el-dropdown-menu>

由于菜单项是通过v-for动态生成的，所以可以在Vue实例中的方法中通过操作options数组来动态添加或删除菜单项。例如，可以在某个事件触发后添加一个新的菜单项：

methods: {
  addOption() {
    const newOption = {
      value: 'option3',
      label: '选项三'
    }
    this.options.push(newOption)
  }
}

这样就可以实现动态添加选项的功能了。需要注意的是，动态添加选项后，如果需要更新el-dropdown组件的下拉菜单，需要调用下拉菜单的updatePopper方法来进行更新。

this.$nextTick(() => {
  this.$refs.dropdown.updatePopper()
})

通过上述方法，就可以在element的el-dropdown组件中动态添加选项，并且实时更新下拉菜单。