- 事件处理错误
不能在事件处理中使用箭头函数
//IE中报错
<i
class="el-icon-edit"
@click="()=>edit(1)"
></i>
//解决方式
<i
class="el-icon-edit"
@click="edit(1)"
></i>
- 插槽错误
不能在插槽中使用解构赋值
//IE中报错
<span slot-scope="{data}">
<span class="layui-elip title">{{ data.title }}</span>
</span>
//解决方式
<span slot-scope="data">
<span class="layui-elip title">{{ data.data.title }}</span>
</span>
- 使用正则匹配
\需要使用\\转义，否则无法正确进行校验
// 错误
<el-form-item
label="姓名"
prop="name"
:rules="{
required: true,
pattern: /^[\u4e00-\u9fa5a-z0-9\s]{1,20}$/,
message: "最多20个字符（支持中英文、数字和空格）",
trigger: ['change'],
}"
></el-form-item>
//解决方式
<el-form-item
label="姓名"
prop="name"
:rules="{
required: true,
pattern: /^[\\u4e00-\\u9fa5a-z0-9\\s]{1,20}$/,
message: "最多20个字符（支持中英文、数字和空格）",
trigger: ['change'],
}"
></el-form-item>
开发中遇到更多的问题，欢迎给我留言，并提供复现方式和解决方式。测试通过后会更新到当前文章中
