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

作者:小柒发表于 2025-11-27 | 分类于前后端分离

以下例子都跑在 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>