el-table表格输入与下拉框

  • 如需要索引
  • :fetch-suggestions="((queryString,cb)=>{querySearch(queryString,cb,scope.$index)})"
<el-table-column prop="goodsName "
                 label="品名"
                 width="170px">
   <template slot-scope="scope">
        <el-autocomplete popper-class="my-autocomplete"
                         v-model="scope.row.goodsName "
                         :fetch-suggestions="queryString"
                          @select="handleSelect">
   			<template slot-scope="{ item }">
                <div class="name">{{ item.goodsName }}div>
            template>
        el-autocomplete>
    template>
el-table-column>
<el-table-column prop="length"
                  label="商品">
	<template slot-scope="scope">
	    <el-input size="small"
                  v-model="scope.row.length"
                  @change="handleEdit(scope.$index, scope.row)">el-input>
    template>
el-table-column>
querySearch (queryString, cb) {
      this.$api.Inquiry.selectPriceOast({ goodsName: queryString }).then(res => {
        cb(res.result)
      })
    },
    handleSelect (item) { //品名
      // console.log(item);
      this.$api.Inquiry.selectPriceOast({ goodsName: item.goodsName }).then(res => {
        this.tableData[item.index].goodsName = item.goodsName 
      })
    },
handleEdit (index, row) { //商品
      this.tableData[index].tierNumber = 0
},

唯一性
:fetch-suggestions="((queryString,cb)=>{querySearch3(queryString,cb,scope.$index)})"

你可能感兴趣的:(el-table表格输入与下拉框)