要自定义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的值。

Element UI el-select: 自定义选中项显示内容 - 详细指南

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

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