tsx不能识别img标签的object-fit属性

最新推荐文章于 2024-06-06 20:36:32 发布

去码头整点薯条~

最新推荐文章于 2024-06-06 20:36:32 发布

阅读量276

点赞数

文章标签：前端 html vue

本文链接：https://blog.csdn.net/qq_49793461/article/details/132293741

版权

return <div class="upload-img-box" style={{ width, height }} onClick={e => this.previewImgFun(e, avatar || defaultAvatar!)}>
          <img class="avatar" src={avatar ? baseUrl + url : defaultAvatar} style={{ "object-fit": mode } }/>
        </div>

报错信息

不能将类型“{ "object-fit": string; }”分配给类型“StyleValue | undefined”。
属性“"object-fit"”的类型不兼容。
不能将类型“string”分配给类型“ObjectFit | undefined”。ts(2322)

jsx.d.ts(240, 3): 所需类型来自属性 "style"，在此处的 "ElementAttrs<ImgHTMLAttributes>" 类型上声明该属性

解决方案

  return <div class="upload-img-box" style={{ width, height }} onClick={e => this.previewImgFun(e, avatar || defaultAvatar!)}>
          <img class="avatar" src={avatar ? baseUrl + url : defaultAvatar} style={{ "object-fit": mode } as any }/>
        </div>