<el-menu-item v-for="(item, index) in submenu" :key="index" :index="String(index)" :mydata="String(item)"><p></p></el-menu-item>VUe中如何取得选中时的mydata值

源码资源网

<el-menu-item :style="{color: getcolor(getSplitString2(item.Caption)) }"  v-for="(item, index) in submenu" :key="index"  :index="String(index)" :mydata="String(item)"><p>{{ getSplitString1(item.Caption) }}</p></el-menu-item>
VUe中如何取得选中时的mydata值

在Vue中，您可以通过监听菜单项的点击事件来获取选中菜单项的 `mydata` 值。以下是一个示例，演示如何在Vue中获取选中菜单项的 `mydata` 值：
1. 首先，在菜单项中绑定点击事件，并在点击事件处理程序中获取 `mydata` 值：

1. html
   
2. <el-menu-item :style="{color: getcolor(getSplitString2(item.Caption)) }" v-for="(item, index) in submenu" :key="index" :index="String(index)" :mydata="String(item)" @click="handleMenuItemClick(item)">
   
3.   <p>{{ getSplitString1(item.Caption) }}</p>
   
4. </el-menu-item>

复制代码

2. 在Vue组件中定义 `handleMenuItemClick` 方法来处理菜单项的点击事件，并获取 `mydata` 值：

1. methods: {
   
2.   handleMenuItemClick(item) {
   
3.     const mydataValue = item; // 获取选中菜单项的mydata值
   
4.     console.log('选中菜单项的mydata值:', mydataValue);
   
5.   }
   
6. }

复制代码

通过上述步骤，您可以在Vue中获取选中菜单项的 `mydata` 值，并在控制台或其他适当的位置进行输出。