VUE select 开启搜索后如何在打开搜索栏后为输入框填入默认值

搜索栏代码如下

                  <el-table-column
                      prop="model"
                      label="型号"
                      width="120"
                  >
                    <template slot-scope="scope">
                      <el-select v-model="scope.row.value"
                                 filterable
                                 ref="selects"
                                 placeholder="请选择型号"
                                 @focus="getOptional(scope.$index)"
                                 @change="Optionalchange(scope)"

                      >
                        <el-option v-for="(item,index) in Optional"
                                   :key="index"
                                   :value="item"
                                   :label="item[3]"
                        >
                          <span>{{ item[1] }}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                          <span style="color:#66B1FF;">{{ item[2] }}</span>&nbsp;&nbsp;&nbsp;&nbsp;
                          <span style="color:#66B1FF;">{{ item[3] }}</span>&nbsp;&nbsp;&nbsp;&nbsp;
                        </el-option>
                      </el-select>
                    </template>
                  </el-table-column>

效果如下

img


如何在点击后出现的输入框中插入默认值如图片最前面的空调，风机，多功能等

具体操作入如下

点击select下拉框，出现选择，原select会被替换成一个input，如下二图
图一

img


图二

img


需求：在input输入框出现为其赋值默认值

你是想点击请选择型号这个框，然后把空调这个值放进去？

开启搜索是指什么呢？ 获取焦点事件么？ 可以再focus中直接把scope.row当前行数据抛出去，直接赋值？

v-model="scope.row.value" 这个scope.row.value和选项option的value值吻合就会显示

https://jingyan.baidu.com/article/bad08e1e2a633f09c85121e9.html

参考一下

？

效果

img


代码

img

img