suchen

Heim  >  Fragen und Antworten  >  Hauptteil

Javascript – Elementui-Eingabe mit Eingabeaufforderungsfeld, Problem bei der Parameterübergabe

Ich habe elementui kürzlich für ein Projekt verwendet und bin auf einige Probleme gestoßen.

Anforderung: Weisen Sie nach Auswahl des Eingabeaufforderungsinhalts der ID der entsprechenden Zeile in der Datentabelle einen Wert zu (der Hintergrund erfordert die Übergabe der ID, nicht des Eingabewerts).

Frage: Die benutzerdefinierte Tabellenverschachtelung verfügt über eine Eingabeaufforderung und die Auswahlfunktions-API enthält einen Parameter. Nachdem ich eine zusätzliche Parameterzeile hinzugefügt habe, kann ich die aktuell ausgewählten Daten nicht abrufen.

<el-table-column align="center" prop="futuresContractId" label="采购合约" width="120">          
          <template scope="scope">
                 <el-autocomplete
                               class="inline-input1"
                               v-model="scope.row.id"
                              :value="scope.row.futuresContractId"
                              :fetch-suggestions="querySearch"
                               placeholder="请输入"
                               :trigger-on-focus="false"
                              @select="handleSelect(scope.row)"
                           >
                   </el-autocomplete>
          </template>
  </el-table-column>
  
 querySearch(queryString, cb) {
        var restaurants = [
            {id:2,name:"M1701",value:"M1701"},
            {id:4,name:"M1705",value:"M1705"}
            {id:8,name:"M1709",value:"M1709"}
        ];
        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
      // 调用 callback 返回建议列表的数据
        cb(results);
     },
     createFilter(queryString) {
       return (restaurant) => {
         return (restaurant.value.indexOf(queryString.toLowerCase()) >= 0);
       };
     },
     handleSelect(row) {
       console.log(row) //?这里可以把当前行row传过来,疑问是如何把选中的值id传给当前的row的id?
       //如不带参数过来,默认参数就是选中的restaurants元素
       },
  
  
  

阿神阿神2700 Tage vor1369

Antworte allen(1)Ich werde antworten

  • 女神的闺蜜爱上我

    女神的闺蜜爱上我2017-07-05 10:44:44

    你这种思路还是老的思路,没有享受 VueJS 的大法。

    Autocomplete 组件,当你选择以后,直接就会把 Value 赋值给你的 v-model="scope.row.id" 的了。所以你的疑问 疑问是如何把选中的值id传给当前的row的id? 不是疑问。

    handleSelect(row) {
        // 默认参数就是当前的row
         // row 的 ID 已被改变,无需手动处理
    }

    我根据的你的代码,弄了一个可执行的,你看下,如果理解不正确,及时指出。

    https://jsfiddle.net/j6toc479/3/

    Antwort
    0
  • StornierenAntwort