- 事件處理錯誤
不能在事件處理中使用箭頭函數(shù)
//IE中報錯
<i
class="el-icon-edit"
@click="()=>edit(1)"
></i>
//解決方式
<i
class="el-icon-edit"
@click="edit(1)"
></i>
- 插槽錯誤
不能在插槽中使用解構(gòu)賦值
//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>
- 使用正則匹配
\需要使用\\轉(zhuǎn)義，否則無法正確進行校驗
// 錯誤
<el-form-item
label="姓名"
prop="name"
:rules="{
required: true,
pattern: /^[\u4e00-\u9fa5a-z0-9\s]{1,20}$/,
message: "最多20個字符（支持中英文抖锥、數(shù)字和空格）",
trigger: ['change'],
}"
></el-form-item>
//解決方式
<el-form-item
label="姓名"
prop="name"
:rules="{
required: true,
pattern: /^[\\u4e00-\\u9fa5a-z0-9\\s]{1,20}$/,
message: "最多20個字符（支持中英文、數(shù)字和空格）",
trigger: ['change'],
}"
></el-form-item>
開發(fā)中遇到更多的問題碎罚，歡迎給我留言磅废，并提供復現(xiàn)方式和解決方式。測試通過后會更新到當前文章中
