iview select on-change

on-change事件是在iview组件库中的select下拉框中使用的一个事件，用于在选择选项时触发相应的操作。默认情况下，on-change事件返回的是选中选项的value值。如果需要返回选中选项的label文本，需要在select标签中增加属性:label-in-value="true"，然后在对应的事件监听方法中获取label即可。

以下是一个示例代码：

<Select v-model="formItem.courseId" :label-in-value="true" @on-change="showCourseName">
    <Option v-for="item in courseList" :value="item.id" :key="item.id">{{ item.courseName }}</Option>
</Select>

methods: {
    showCourseName(data) {
        if (data != undefined) {
            this.formItem.courseName = data.label;
        }
    }
}

根据引用和引用的内容可以得知，在iview组件库中，使用select下拉框绑定on-change事件时，根据不同业务场景，可以选择返回value或label文本的记录。

相关问题

iview select onchange走2次

可能是因为在iview select的on-change事件中绑定了多次函数导致的。你可以检查一下代码中是否重复绑定了on-change事件。另外，也有可能是因为iview select的默认行为和你自己的逻辑都会导致on-change事件被触发两次。你可以尝试使用event.stopPropagation()或者event.preventDefault()来阻止默认行为，或者在代码中加入一些条件判断来避免重复执行逻辑。

iview render select

根据引用内容，和，在使用iview的render函数来实现select效果时，可以通过创建Select组件，并在render函数里面使用h函数进行渲染。在Select组件上可以设置props属性来绑定数据并设置transfer属性来控制其是否受表格高度影响。通过监听'on-change'事件可以获取选中项的值，并根据需要执行相应的操作。在Select组件内部，可以使用h函数创建Option组件并设置props属性来设置选项的值。最后，将创建好的Select组件返回即可实现select效果。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* [iview表格通过render放置Select下拉框，操作完成清空单选项](https://blog.csdn.net/PhilsphyPrgram/article/details/129887306)[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^v92^chatsearchT0_1"}} ] [.reference_item]
- *2* [iview在Table表格使用Render函数实现Select下拉框](https://blog.csdn.net/JAVA_ZHZ/article/details/119928362)[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^v92^chatsearchT0_1"}} ] [.reference_item]
- *3* [在iview的Table中添加Select（render）](https://blog.csdn.net/Dead_Rabbit6_0/article/details/79239206)[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^v92^chatsearchT0_1"}} ] [.reference_item]
[ .reference_list ]