1. 程式人生 > >vue 自定義data屬性報錯解決方案

vue 自定義data屬性報錯解決方案

需要:介面返回的資料有中文和英文,我們用的的iview裡面的

CheckboxGroup

我們現在是每一項顯示的中文,然後需要選中的專案組成的陣列是一個包含返回中另一個引數的陣列。所以需要給另外一個引數自定義一個屬性:

程式碼:

 html:

 <CheckboxGroup @on-change="screenair(item.carrier)" :data-carrier="item.carrier" ref="dataCarrier" v-model="airlineNamess" v-for="(item,index) in airlinesList" :key="index">
                  <div class="transit mt5">
                    <div class="fl">
                      <Checkbox size="large" :label="item.airlineNames" ></Checkbox>
                      <span>({{item.airlineNumber}})</span>
                      <input v-if="false" :value="item.carrier"/>
                    </div>
                    <div class="fr">HK$ {{item.airlineStartPrice}}</div>
                  </div>
</CheckboxGroup>

js:

 // 選擇航司進行篩選
      screenair(carrier) {
        alert(carrier)
        var t = this.airlineNamess.length;
        var i = 0;
        for (i; i < t; i++) {
          this.airlineNamess[i] = this.airlineNamess[i].slice(0, 2);
        }
        this.screen();
      },

注意:1.自定義屬性 加冒號   

:data-carrier="item.carrier"

  2.方法入參寫整個自定義變數

@on-change="screenair(item.carrier)"

3.js裡面直接寫引數名

screenair(carrier) {}