我们可以在element-ui下拉菜单的command属性中传递vue数据对象吗？

<template>
  <el-dropdown>
    <span class="el-dropdown-link">
      下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
    </span>
    <el-dropdown-menu slot="dropdown">
      <el-dropdown-item @click="handleItemClick(item)" v-for="item in menuItems" :key="item.id">
        {{ item.name }}
      </el-dropdown-item>
    </el-dropdown-menu>
  </el-dropdown>
</template>

<script>
export default {
  data() {
    return {
      menuItems: [
        { id: 1, name: '选项一', data: { key1: 'value1', key2: 'value2' } },
        { id: 2, name: '选项二', data: { key1: 'value3', key2: 'value4' } },
        // 其他选项...
      ],
    };
  },
  methods: {
    handleItemClick(item) {
      // 处理下拉菜单选项点击事件，传递Vue数据对象
      console.log(item.data);
      // 可以在这里进行其他操作，如更新Vue组件的数据等
    },
  },
};
</script>