怎么动态改变Dropdown下拉菜单的值

[郭芊淳]

<el-form :model="form" label-width="80px" label-position="right" class="lt-btn-empty">
<el-dropdown size="mini" @command="(command)=>{handleCommand(command, scope.row)}">
<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="船舶">船舶</el-dropdown-item>
<el-dropdown-item command="图标">图标</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</el-form>


就是菜单那个位置应该是个变量 当我选择下边图标时 菜单那个位置显示图标 不选择是默认是第一个 如果选中其他则显示其他的

[家有娇妻张兔兔]

你这种情况直接用el-select-dropdown这个不就行了吗？

[jio可]

 data() {
     return {
       label: ''
     }
   },
   created() {
     // 赋值默认值，取第一个下拉值
     this.label = 'test-1'
   }

<el-dropdown size="mini" split-button type="primary">
  {{label}}
  <el-dropdown-menu slot="dropdown">
    <el-dropdown-item v-for="item in 5" :key="item" @click.native="label=`test-${item}`">test-{{item}}</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

[郭芊淳]

点赞 点赞 我中午写出来的