vue中img错误默认图片
发表于|更新于
|浏览量:
如果问我思念多重,不重的,像一座秋山的落叶。——简媜
因为之前写过img图片丢失后默认图
发现在vue中不好使,改了半天发现原来需要将@改为:
也就是需要这么写:
1 | <img |
相关推荐
2023-08-25
js阻止默认事件踩坑
人这种卑鄙的东西,什么都会习惯的。——陀思妥耶夫斯基《罪与罚》 今天遇到一个问题,我想阻止浏览器默认的滚动事件,却阻止不了还一直报错 123456789101112131415161718192021<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div style="height: 2000px;background:#888"> </div> <script> document.addEventL...
2022-03-10
react中什么情况下不能用index作为key
立志用功如种树然,方其根芽,犹未有干;及其有干,尚未有枝;枝而后叶,叶而后花。——王守仁 我们在React遍历渲染列表时会遇到这样一个报错: 意思是说,渲染list列表时必须给每个元素指定一个唯一的key 当然你可以选择忽略这个报错,但是为什么会提示这个报错呢? 假设我们给key指定一个随机数,或者干脆不指定的话,会怎么样呢? 官方文档给出了答案: 渲染列表时的逻辑以及问题 为了解决上述问题,React 引入了 key 属性。 也就是说,如果给key指定一个随机数,或者干脆不指定的话,会造成性能问题 这个时候,我们想到了用遍历时的元素下标作为key 但是官方文档明确告诉我们: 如果列表项目的顺序可能会变化,我们不建议使用索引来用作 key 值,因为这样做会导致性能变差,还可能引起组件状态的问题。可以看看 Robin Pokorny 的深度解析使用索引作为 key 的负面影响这一篇文章。如果你选择不指定显式的 key 值,那么 React 将默认使用索引用作为列表项目的 key 值。 这里Robin Pokirny的文章中提到了,如果满足这三者,可以放心使用index作为...
2022-10-31
display:block小技巧
成功之道,在于你为获得成功所做出的积极努力,而不在于预先就衡量这种成功的价值——哈里特 分享一个小技巧 display:block 可以将style标签可见 例如: 12345678910111213<body> <style contenteditable style="display: block;white-space: pre"> * { transition: all 0.2s } html { background: #ff00ff; font-size: 16px } </style></body> 因为我们这里给了contenteditable 所以可以直接在页面上编辑 试试吧 * { transition: all 0.2s } html { ...
2021-08-26
join
一个人追求的目标越高,他的才能就发展得越快,对社会就越有益,我确信这也是一个真理。——玛克西姆·高尔基 javscript中 join用法如下: 1[1,2,3].join() // 输出为1,2,3 不加参数的join默认使用,作为分隔符 我们可以指定分隔符为空字符串 1[1,2,3].join("") // 输出为123 或者指定为别的字符等 1[1,2,3].join(".") // 输出为1.2.3
2023-09-24
docusaurus国际化坑
你不教训儿子,生活就一定会来教训他。——佚名 今天做apache-streampark文档国际化时踩到一个坑,其使用的框架docusaurus它支持多版本的管理,所以需要套一层current目录标识版本号 对应的pr: https://github.com/apache/incubator-streampark-website/pull/256 就是将i18n/zh-CN/docusaurus-plugin-content-docs-community/移动到 i18n/zh-CN/docusaurus-plugin-content-docs-community/current/ 加了一层current目录即可正确匹配上了 之前的效果: 现在:
2025-05-18
vue2-editor
一寸光阴一寸金,寸金难买寸光阴。——《增广贤文》 https://github.com/davidroyer/vue2-editor Vue2Editor:基于 Vue.js 和 Quill 的轻量级文本编辑器在现代 Web 开发中,富文本编辑器是许多应用(如博客、评论系统和内容管理系统)中的关键组件。Vue2Editor 是一个基于 Vue.js 和 Quill 的开源富文本编辑器,提供了简洁易用的接口和强大的功能,适合 Vue 2.x 项目的开发者。 什么是 Vue2Editor?Vue2Editor 是一个使用 Vue.js 和 Quill 构建的富文本编辑器,旨在为开发者提供一个轻量级、功能全面且易于集成的文本编辑解决方案。它基于 Quill.js 的强大功能,同时简化了在 Vue 项目中的集成过程。 核心特点: 基于 Vue 2.x:专为 Vue 2.x 项目设计。 强大的 Quill.js 支持:继承了 Quill.js 的所有功能,包括格式化、工具栏自定义和扩展支持。 易于集成:通过简单的 Vue 组件即可快速集成到项目中。 MIT 许可证:完全开源且免费。 ...

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