要自定义el-select选中后的显示内容,可以使用el-option的label属性。

例如,可以使用下面的代码来自定义选中后的显示内容:

<el-select v-model="selectedOption">
  <el-option
    v-for="option in options"
    :key="option.value"
    :label="option.label"
    :value="option.value"
  ></el-option>
</el-select>

在上面的代码中,通过设置el-option的label属性来自定义选中后的显示内容。在options数组中,每个option对象都有一个label属性,它将作为选中后的显示内容。

在Vue实例中,需要定义一个selectedOption变量来存储用户选中的option的值。

el-select 自定义选中后的显示内容

原文地址: https://www.cveoy.top/t/topic/ikTj 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录