아바타 서브, 아바타 구성 요소에서 그림 경로를 아바타 구성 요소로 전송합니다. 아바타 구성 요소는 받아들일 수 없습니다.

2647 단어

부전자가 경로를 전달하려면 반드시 Require 함수를 사용해야 한다. 예를 들어 내가 타오바오 확대경 구성 요소를 쓸 때 크기 두 장의 그림을 전송해야 한다.


1. 템플릿에 데이터를 전송할 데이터와 연결합니다

<my-magnify :data="data.i"></my-magnify>
data() {
    return {
      data: {
        i: {
          min: require("../assets/MySmall.png"),
          max: require("../assets/MyBig.png")
        }
        }
      }
    }

2. 서브어셈블리에서 수신

export default {
  props: ["data"]
  }

3. img에서 사용

<img :src="data.max" alt="" ref="bigImg" />

좋은 웹페이지 즐겨찾기