然后,在模板中使用v-for指令遍历options数组,并将customObject属性绑定到el-option上(虽然el-option不会直接显示这个对象,但我们可以通过事件处理函数获取它): html <el-select v-model="selectedValue" placeholder="Please select"> <el-option v-for="item in options" :key="item.value" :label=...
1.数据源没有传递正确:el-option是el-select的子组件,需要通过props的方式将数据源传递给el-select,如果没有正确传递数据源,el-option无法匹配。 2.数据源格式不匹配:el-option的value值默认是通过v-for遍历数组或对象生成的,如果数据源的格式与el-option的value值不匹配,el-option无法匹配。 3.数据类型不匹配:...
1、正常使用v-for 进行遍历 下拉框内容,如果需要增加一个自定义的值,则加一个el-option el-option用法: 在日常使用el-select 中,新增一条option 如果value对应到值是string则 不影响前端显示 <el-optionkey="6"label="苏州大闸蟹"value="6"/> 遇到下拉框不显示label值,如果绑定的vaule 是number,则需要前面加...
el-option的就是正常的遍历数组 <el-form-itemv-for="(item,index) in testList":key="index"><spanclass="printValTitle">{{ item.value }}:</span><span><el-selectv-model="item.order"value-key="item.order"@change="getChange(index,item)"><el-optionv-for="val in testOption":key="val...