애플릿의 이미지 컨트롤에서 그림을 설정하는 방법

이 기사의 내용은 미니 프로그램의 이미지 제어에서 그림을 설정하는 방법에 대한 것입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

애플릿 image 컨트롤에서 자리 표시자 이미지를 설정합니다. image控件设置占位图片：
1.通过判断url为空显示不同的图片就可以了

<image src="{{item.url?item.url:&#39;../../../images/ic_header.jpg&#39;}}"/>

2.第二种情况就是item.url 不为空，但是访问图片出错的情况，这时就需要image 的error事件binderror1 URL이 비어 있다고 판단하여 다른 이미지를 표시합니다

/**
   * 图片加载错误
   */
  onLoadImageError:function(e){
    let errorurl = '../../../images/image_placeholder.png'
    let index = e.currentTarget.dataset.index    
    if (this.data.imageType == 1) {
          this.data.complaintPics[index] = errorurl      
          this.setData({
        complaintPics:this.data.complaintPics
      })
    }

  },

2. 두 번째 경우는 item.url이 비어 있지 않은데 이미지에 접근할 때 오류가 발생하는 경우입니다. 이 경우 imagebinderror가 발생합니다. /code>가 필요합니다. 이미지를 로드하는 중 오류가 발생하면 이 메서드가 실행됩니다. 이 방법에서는 해당 이미지 주소를 자리 표시자 이미지로 변경하면 됩니다
rrreee

관련 권장사항:

WeChat Mini 프로그램 정보 이미지 처리 요약 문제

이미지 구성 요소를 사용하여 WeChat 애플릿에 이미지를 표시하는 방법#🎜🎜##🎜🎜#

위 내용은 애플릿의 이미지 컨트롤에서 그림을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!