前端知识点
在开发过程中使用了Element UI 库,有下面一些经验:
1.Select 组件, 在 绑定对象为 object 时,
1.1. 需添加 value-key 作为唯一标识
1.2 反向显示时,v-for 循环的对象需包含 要反向显示的项目
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<el-form-item label="监控项目" prop="name"> <el-select class="dialog-el-select" collapse-tags v-model="addItem.name" clearable auto-complete="off" filterable placeholder="输入关键字搜索,以空格结束" @change="item_select_change" reserve-keyword filterable remote :remote-method="remoteMethod" value-key = "key" :loading="loading"> <el-option v-for="item in items" :key="item.key" :label="item.name" :value="item"> <span style="float: left">{{ item.name }}</span> <span style="float: right; color: #8492a6; font-size: 13px">{{ item.key }}</span> </el-option> </el-select> </el-form-item>