在html中使用vue遇到的问题

事件处理错误 不能在事件处理中使用箭头函数

//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>

开发中遇到更多的问题，欢迎给我留言，并提供复现方式和解决方式。测试通过后会更新到当前文章中