react中配置图片容错

发表于2022-09-15|更新于2026-02-24

|浏览量:

爱情是友谊的精华，书信是爱情的妙药——豪厄尔

之前写了:vue中img错误默认图片以及img图片丢失后默认图

今天写个react版本的：

1	<img src={xxxx} onError={(e) => e.target.src = '/img/oss/2020-06-01/head.jpg'} alt={value.alt} />

代码很简单，也很管用

相关推荐

一个人能在鼠疫和生活的赌博中所赢得的全部东西，就是知识和记忆。——《鼠疫》我们除了使用indexOf判断字符串/数组是否包含某字符/元素还可以使用includes 区别在于数组判断中indexOf对NaN值处理会错误，而includes不会，例如：这里显示-1说明没有匹配到而使用includes：可以看到成功匹配字符串也可以使用includes 非常的方便我们可以用prototype获取原型对象然后再调用 1Array.prototype.includes.call([1,2,3,4],1) 还是蛮方便的

处理js的JSON.parse中Number太长导致精度丢失问题

大自然的真实和单纯，常是重要艺术极点的基础。——恩格斯代码如下： 1"token".split(".").slice(0,2).map(i=>JSON.parse(atob(i))) 这里主要是 JSON.parse 导致的，我简单复现一下 1JSON.parse('{"id":9052710354240385291}') 得到的是 1{id: 9052710354240385000} 可以看到后面的 291 变为 000 了解决方式这里使用正则匹配 /:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g 例如： 123456JSON.parse('{"id":9052710354240385291}'.replace(/:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g, (match, p1) => { ...

vue中img错误默认图片

如果问我思念多重，不重的，像一座秋山的落叶。——简媜因为之前写过img图片丢失后默认图发现在vue中不好使，改了半天发现原来需要将@改为: 也就是需要这么写： 1234<img src="xxxx" :onerror="`this.src='/img/oss/2020-06-01/head.jpg'`"/>

el-input-number阻止外层button的冒泡

取法于上，仅得为中；取法于中，故为其下。一一李世民《帝范》我这里有这样一个按钮 123<el-button @click="randomChoose" type="success" size="small"> 选择<el-input-number controls-position="right"></el-input-number>个</el-button> 效果如下我们发现点击右边上下去增加减少中间个数的时候，也执行了我们上边按钮绑定的randomChoose 函数但我们想要加上阻止冒泡却加不上这里其实。。需要在外层再加上一个span或者div标签，再到这个span标签上加上阻止冒泡才可以生效 1234567<el-button @click="randomChoose" type="success" size="small"> 选择 <span @c...

现实生活喜欢对称和轻微的时间错移。——博尔赫斯《南方》填坑，官方文档：https://www.typescriptlang.org/docs/handbook/enums.html 我新建了一个vue项目用来演示这里代码如下： 12345678910enum Direction { Up, Down, Left, Right}console.log({ Direction });console.log({ 'Object.entries(Direction)': Object.entries(Direction) });console.log({ 'Direction[0]': Direction[0] });console.log({ 'Direction.Up': Direction.Up }); 打印结果如下：定义一个双向绑定的值 1const count = ref(Direction.Up)...

cookie相关操作

青春在人的一生中只有一次，而青春时期比任何时期都最强盛美好。因此，千万不要使自己的精神僵化，而要把青春保持永远。 ——别林斯基 JavaScript Cookie Cookie 用于存储 web 页面的用户信息。什么是 Cookie？Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。 Cookie 的作用就是用于解决 “如何记录客户端的用户信息”: 当用户访问 web 页面时，他的名字可以记录在 cookie 中。在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。 Cookie 以名/值对形式存储，如下所示: username=John Doe 当浏览器从服务器上请求 web 页面时，属于该页面的 cookie 会被添加到该请求中。服务端通过这种方式来获取用户的信息。使用 JavaScript 创建CookieJavaScript 可以使用 document.cookie 属性来创建、读取、及删除 cookie。 JavaSc...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中