辉煌仪奇
2022-01-18 13:43
采纳率: 54.2%
浏览 177
已结题

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输入框出现为其赋值默认值

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 邀请回答

7条回答 默认 最新

  • 嘿嘿!请多指教 2022-01-18 13:49

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

    评论
    解决 无用
    打赏 举报 编辑记录

相关推荐 更多相似问题