blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

fix(Image): should not render img when error

Browse Source
This commit is contained in:
chenjiahan 2020-10-09 19:39:50 +08:00
parent 8356831711
commit 59fb1d4dfc
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/image/index.js → src/image/index.tsx
View File

@ -1,14 +1,16 @@
import { ref, watch, computed } from 'vue';
import { ref, watch, computed, PropType } from 'vue';
import { createNamespace, isDef, addUnit } from '../utils';
import Icon from '../icon';
const [createComponent, bem] = createNamespace('image');
export type ImageFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
export default createComponent({
props: {
src: String,
fit: String,
alt: String,
fit: String as PropType<ImageFit>,
round: Boolean,
width: [Number, String],
height: [Number, String],
@ -40,7 +42,7 @@ export default createComponent({
const imageRef = ref();
const style = computed(() => {
const style = {};
const style: Record<string, unknown> = {};
if (isDef(props.width)) {
style.width = addUnit(props.width);
@ -66,12 +68,12 @@ export default createComponent({
}
);
const onLoad = (event) => {
const onLoad = (event: Event) => {
loading.value = false;
emit('load', event);
};
const onError = (event) => {
const onError = (event: Event) => {
error.value = true;
loading.value = false;
emit('error', event);
@ -103,7 +105,7 @@ export default createComponent({
};
const renderImage = () => {
if (props.error || !props.src) {
if (error.value || !props.src) {
return;
}
@ -116,7 +118,7 @@ export default createComponent({
};
if (props.lazyLoad) {
return <img ref={imageRef} vLazy={props.src} {...attrs} />;
return <img ref={imageRef} v-lazy={props.src} {...attrs} />;
}
return (