前端知识点

在开发过程中使用了Element UI 库,有下面一些经验:
1.Select 组件, 在 绑定对象为 object 时,
1.1. 需添加 value-key 作为唯一标识
1.2 反向显示时,v-for 循环的对象需包含 要反向显示的项目

 <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>
View Code

 

posted @ 2017-12-06 17:26  草色青青  阅读(148)  评论(0编辑  收藏  举报