el-select默认选中指定
时间: 2023-10-06 07:12:42 浏览: 103
详解element-ui中el-select的默认选择项问题
el-select默认选中指定的选项,可以通过给v-model绑定一个值来实现。在页面初始化时,可以通过设置v-model的初始值来实现默认选中指定选项。比如,在created()生命周期钩子函数中,可以将v-model的值设置为目标选项的值或者键值。根据提供的引用内容,有两种实现的方法。
第一种方法是通过设置v-model的值为目标选项的键值。具体步骤如下:
1. 在data中定义一个变量,比如selectedKey,作为v-model的绑定值。
2. 在created()生命周期钩子函数中,将selectedKey设置为目标选项的键值,即0。
3. 在el-select中,将v-model绑定到selectedKey。
另一种方法是通过设置v-model的值为目标选项的显示名称。具体步骤如下:
1. 在data中定义一个变量,比如selectedValue,作为v-model的绑定值。
2. 在created()生命周期钩子函数中,将selectedValue设置为目标选项的显示名称,即'启用'。
3. 在el-select中,将v-model绑定到selectedValue。
这样,在页面初始化时,el-select就会默认选中指定的选项。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Vue element el-select 设置默认选中](https://blog.csdn.net/coldriversnow/article/details/113849673)[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: 50%"]
- *2* [Vue element el-select 选择器设置默认选中](https://blog.csdn.net/srz1128/article/details/108235456)[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: 50%"]
[ .reference_list ]
阅读全文