vue onerror 用法

在img标签上使用:onerror后面跟着onerror的图片路径变量defaultImg；
在data中，定义图片路径，写法为：
defaultImg: 'this.src="' + require('../../assets/img/default.jpg') + '"'

完整代码如下：

<template><img :src="picUrl(commentItem.photo)" :onerror="defaultImg"/>
</template><script>
export default {data () {return {defaultImg: 'this.src="' + require('../../assets/img/default.jpg') + '"'}}
}
</script>

vue onerror 用法相关推荐

Vue第二天学习总结—— Vue全家桶之组件化开发(组件化开发思想、组件注册、Vue调试工具用法、组件间数据交互传递、组件插槽、基于组件的案例——购物车)
(一) 组件化开发思想 1. 现实中的组件化思想体现组件化即是对某些可以进行复用的功能进行封装的标准化工作标准:要想组件能够成功组合在一起,每个组件必须要有标准分治:将不同的功能封装到不同的组件 ...
vue+filter+html标签,vue过滤器用法实例分析
本文实例讲述了vue过滤器用法.分享给大家供大家参考,具体如下: 过滤器: vue提供过滤器: capitalize uppercase currency.... {{msg|currency ￥}} ...
Vue -- watch用法
watch的作用可以监控一个值的变换,并调用因为变化需要执行的方法.可以通过watch动态改变关联的状态. vue watch用法 data:{a:1,b:{c:1}},watch:{a(val, o ...
vue foreach用法_两年前端er，JS和Vue，面试被问了哪些问题呢？有点简单啊
上午跟一个大学学妹聊天,聊起了她近期的一次面试. 她的概况,工作两年不到,薪资要求在8-10K之间,技术栈Vue,想在大一点的团队工作,因为之前都是一个人做前端. 以下是问及的一些问题(我做了一些简单 ...
vue foreach用法_vue 源码探究（第二弹）
vue 源码探究(第二弹) 接着上一篇,继续来讲一个非常有意思的东西documentFragment 解析六.DocumentFragment: 文档碎片(高效批量更新多个节点) 这里先甩出 2 个 ...
VUE基础用法（四）
一.VUE中组件化思想 1.分布式思想 1.1)传统项目设计思想说明: 单体项目架构设计,在同一个tomcat服务器中,如果一个模块出现问题,则直接影响整个tomcat服务器运行,项目架构设计耦合性 ...
vue watch用法
vue watch 有三种用法直接写一个监听处理函数,当每次监听到路由发生变化时,执行函数监听对象:{handler(){},immediate:false, deep:false} 子组件pr ...
Vue watch 用法
watch 的用法: 在Vue 框架中: data 中保存有数据. 但是在watch 监听器中可以监听data 中的数据, 也可以监听prop 中的数据.在watch 监听器中监听data 中的数据, ...
SSR——服务器端渲染(Vue)基础用法(一)
学习来源 1.简介服务器端渲染:Vue.js 是构建客户端应用程序的框架.默认情况下,可以在浏览器中输出 Vue 组件,进行生成 DOM 和操作 DOM.然而,也可以将同一个组件渲染为服务器端的 H ...

vue onerror 用法

vue onerror 用法相关推荐

最新文章

热门文章