自定义检测图片加载失败指令

自定义检测图片加载失败指令Vue directive onerror 监听图片加载 加载失败替换图 inserted function el el setAttribute onerror this src require assets images 0 png 说明 1 onerror 是指令标识 使用时在标签中直接加入 v onerror 就可以 2 assets images 0 png 是图片存放地址 3 指令如果很多的情

Vue.directive('onerror', { // 监听图片加载,加载失败替换图 inserted: function (el) { el.setAttribute('onerror', `this.src="${require('./assets/images/0.png') }"`) } })

说明:

1、onerror是指令标识,使用时在标签中直接加入 v-onerror 就可以

2、./assets/images/0.png 是图片存放地址

3、指令如果很多的情况,建议单独一个js文件进行编写,比如本人有想做一个npm,就是有各种常用而Vue没有的指令,就是放在统一js进行管理的

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/223700.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 下午1:36
下一篇 2026年3月17日 下午1:37


相关推荐

  • Spring Cloud版本说明

    Spring Cloud版本说明SpringCloud是一个由众多独立子项目组成的大型综合项目,每个子项目有不同的发行节奏,都维护着自己的发布版本号。SpringCloud通过一个资源清单BOM(BillofMaterials)来管理每个版本的子项目清单。为避免与子项目的发布号混淆,所以没有采用版本号的方式,而是通过命名的方式。这些版本名称的命名方式采用了伦敦地铁站的名称,同时根据字母表的顺序来对应版本时间顺序,比如…

    2022年6月7日
    37
  • ajax跨域的解决办法_jsonp解决跨域问题

    ajax跨域的解决办法_jsonp解决跨域问题才发送请求,然后执行servlet,servlet给它响应一段js代码回去,它接收到js代码解释并执行,显示效果,它并没有达到局部刷新的效果,我们让它达到局部刷新的效果,我们点击某一个按钮,我们让它局部刷新,显然上面让页面打开的时候加载script标签就不行了,我们可以让他先加载完,点击页面某一个按钮去加载script标签,来达到页面的局部刷新,整个过程跟ajax没有关系。当out.print(“sayHello({\”name\”\”jackson\”})”)重新刷新页面响应成功。……

    2022年8月24日
    6
  • java源程序文件的扩展名_使用Java语言编写的源程序保存时的文件扩展名是什么…

    java源程序文件的扩展名_使用Java语言编写的源程序保存时的文件扩展名是什么…展开全部使用Java语言编写的源程序保存时的文件扩展名为“.java”。经过编译之后会生成62616964757a686964616fe58685e5aeb931333436316366“.class”为后缀的文件。源代码(也称源程序)是指未编译的按照一定的程序设计语言规范书写的文本文件,是一系列人类可读的计算机语言指令。计算机源程序的最终目的是将人类可读的文本翻译成为计算机可以执行的二进制指令,…

    2022年7月8日
    31
  • 用python来开发webgame服务端(1)[通俗易懂]

    用python来开发webgame服务端(1)[通俗易懂]http://ciniao.me/article.php?id=9 刺鸟原创文章,转载请注明出处    在开始之前,先简单描述一下项目的特点:我要实现的是一个mmorpg的webgame,地图上需要看到其他的玩家,战斗系统采用半回合制的模式,所谓的半回合制,即是:采用回合制的画面布局,友方和敌方分列左右,但是战斗的中途,其他的玩家可以及时的随时插入这场战斗。当然,作为一款rpgGa

    2022年5月30日
    54
  • linux netlink套接字学习资料

    linux netlink套接字学习资料

    2022年2月4日
    57
  • vue全面介绍–全家桶、项目实例

    vue全面介绍–全家桶、项目实例简介 简单却不失优雅 小巧而不乏大匠 2016 年最火的前端框架当属 Vue js 了 很多使用过 vue 的程序员这样评价它 vue js 兼具 angular js 和 react js 的优点 并剔除了它们的缺点 授予了这么高的评价的 vue js 也是开源世界华人的骄傲 因为它的作者是位中国人 尤雨溪 EvanYou Vue js 是一个 JavaScriptMV 库 是一套构建用户界面的渐进式

    2026年3月19日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号