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) {}