element
的下拉菜单 command
传递多个值
核心代码:
<el-dropdown-item :command="{row:boy, command:'1'}">传多个值</el-dropdown-item>
完整代码:
<el-dropdown @command="handleCommand">
<span class="el-dropdown-link">
下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="a">黄金糕</el-dropdown-item>
<el-dropdown-item command="b">狮子头</el-dropdown-item>
<!-- 像这样传递多个值: -->
<el-dropdown-item :command="{row:boy, command:'1'}">传多个值</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<script>
export default {
data(){
boy: {name:'Tom', age:22}
},
methods: {
handleCommand(command) {
this.$message('click on item ' + command);
}
}
}
</script>