<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>
就是選單那個位置應該是個變數 當我選擇下邊圖示時 選單那個位置顯示圖示 不選擇是默認是第一個 如果選中其他則顯示其他的
uj5u.com熱心網友回復：
你這種情況直接用el-select-dropdown這個不就行了嗎？uj5u.com熱心網友回復：
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>
uj5u.com熱心網友回復：
點贊 點贊 我中午寫出來的轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/284301.html
標籤：JavaScript