记一次el-select默认回显问题

在el-select远程搜索中会有个回显问题

就是明明传入了绑定值但是却会显示不出来

解决代码如下

            <el-select
                v-model="ruleForm.selectId"
                filterable
                remote
                ref="select"
                clearable
                reserve-keyword
                placeholder="请输入问卷名称/id进行搜索"
                :remote-method="search">
              <el-option
                  v-for="item in options"
                  :key="item.id"
                  :label="item.title"
                  :value="item.id">
              </el-option>
            </el-select>

在数据初始化的时候将获取到的数据做进一步的处理,进行本地select组件的一个添加

        this.$refs.select.cachedOptions.push({
            currentLabel: currentTitle, //  当前绑定的数据的label
            currentValue: currentId, // 当前绑定数据的value
            label: currentTitle, // 当前绑定的数据的label
            value: currentId // 当前绑定数据的value
        })

单选的同上

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容