vue 选中input中搜索按钮弹框中数据如何绑定到input上

图片说明图片说明

 <el-form-item>
            产品代码 <el-input title="产品搜索帮助" size="mini" placeholder="请输入产品代码"  ></el-input>
              <el-button icon="el-icon-search" @click="dialogFormVisible2 = true" circle ></el-button>
            </el-form-item>
             <el-form-item>
            <el-button type="primary" icon="el-icon-new" @click="getList">查询</el-button>
          </el-form-item>
<el-dialog title="整车主文件搜索帮助" :visible.sync="dialogFormVisible2">
              <el-form >
                  <el-form-item>
                   产品代码<el-input id="carId"></el-input>
                  <!-- 车型代码<el-input v-model="input"></el-input> -->
                  最大限制数量<el-input type="number" id="carNum" ></el-input>
                   </el-form-item>
                    <el-form-item prop="busType">
                    <el-radio v-model="radio" label="1">模糊查询</el-radio>
                      </el-form-item>
                    <el-form-item>
                     <el-button type="primary" @click="getList2" >查询</el-button>
                   </el-form-item>

                  <div class="table">
                <!-- 产品代码 -->
                <el-table height="350" :data="tableData2">
                      <el-table-column prop="VProductCode" label="产品代码"></el-table-column>
                      <el-table-column prop="VProductName" label="产品名称"></el-table-column>
                </el-table>
                  </div>
              </el-form>
                <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="dialogFormVisible2 = false">确 定</el-button>
            <el-button @click="dialogFormVisible2 = false">取 消</el-button>
          </div>
            </el-dialog>

2个回答

<el-button type="primary" icon="el-icon-new" @click="getList" :value="searchValue">查询</el-button>

直接把搜索按钮的value跟一个数据searchValue绑定,在弹框里选择后把值赋值给数据searchValue就行了

qq_43633852
栎妍妍 可以再详细点吗
6 个月之前 回复

你是不是想要 点击列表中的某一项 然后显示到收索框中???

guoshujie1
ggyyjavascript 回复栎妍妍: el-table组件中有一个点击事件,可以获取被点击行的信息,然后你拿到信息后 可以通过赋值(数据双向绑定)方式给输入框
5 个月之前 回复
qq_43633852
栎妍妍 是的啊
5 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!