elementui table 下拉选框
时间: 2023-10-09 13:15:29 浏览: 93
下拉选择框
在elementui的table中,可以通过el-select元素来创建下拉选框。在给el-select绑定数据时,可以使用v-model指令来实现数据的双向绑定。在选择某个选项后,可以通过@change事件监听选项值的变化,并调用相应的方法进行处理。
在给el-select的选项绑定数据时,可以使用v-for指令遍历SeatNumberList数组,并通过:disabled属性来设置是否禁用某个选项,从而实现某个值被选中后将其置灰禁止再次选择的效果。
在js部分的getSeatNumber方法中,可以根据选中的值对后面的两列内容进行自动生成。通过遍历SeatNumberList数组,并根据选中的值来更新row对象的相应属性值,从而实现只有选择了下拉内容后,后面的两列内容才会自动生成的效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [下拉选框,选中某个值后,这个值置灰](https://blog.csdn.net/yingw1/article/details/129729550)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文