分享几个 Vue 中的小技巧（持续更新）

以下例子都跑在 iView 环境下

如果循环生成多个 <i-table>，存在复选框问题，必须全部选中，全部取消，实现追加参数区分：

@on-select-all="(selection) => selectAllEvent(selection,item.key)"
@on-select-all-cancel="(selection) => cancelAllEvent(selection,item.key)"

selectAllEvent: function(selection,key){

},
cancelAllEvent: function(selection,key){

},

动态赋值强制绑定属性：

参数一：实体、参数二：属性、参数三：属性值
vm.$set(vm.recordData[index],"number","YGJ-2001");

自定义标签属性，比如 label 属性支持HTML代码：

<Form-item :label-width="250" label="1.探测误差MPEP2D"></Form-item>

以上需要实现 P 斜体，2D下标

<Form-item :label-width="100">
    <template #label>
        <span>1. 探测误差 , MPE<i>P</i><sub>2D</sub>：</span>
    </template>
</Form-item>

change传递参数，多个字段公用一个方法：

<Form-item label="加密日期" prop="encryptDate" :rules="changeEncryptRules" >
    <date-picker style="width: 80%" type="date"
                 @on-change="handleDateChange($event, 'encryptDate')"
                 v-model="entity.encryptDate"
                 placeholder="请选择加密日期"></date-picker>
</Form-item>
//执行方法
handleDateChange: function(date, field) {
    this.entity[field] = new Date(date + " 00:00:00");
},