원격 파일 JS의 뷰 소개

문제

최근 사용 뷰는 그것을 해결하는 방법을 찾기 위해, 로컬 응용 프로그램에 파일을 다운로드하고 싶지 않아, 여기에 스캔 기능 네일 로그인을 사용 이전 뷰 방식으로 인해 동일하지, 원격 JS 파일을 도입 할 필요 뭔가를 할 수 , 겉으로는 타사 라이브러리의 도입을 필요로하고, 마지막으로 공유, 해결책을 발견했다.

생각

처음부터 아이디어는 뷰 돔 (후로드가 완료되었다 mounted), 본문에 원격 스크립트 파일에 자바 스크립트의 사용.

뷰 나중에 발견  createElement 방법, 문제를 해결하는 간단한 패키지 구성 요소를.

솔루션

코드 (동작을 직접 돔) 다음의 첫 번째 버전 :

수출 기본 { 
  장착 () { 
    const를 S = document.createElement ( '스크립트' ); 
    s.type = '텍스트 / 자바 스크립트' ; 
    s.src = 'https://g.alicdn.com/dingding/dinglogin/0.0.2/ddLogin.js' ; 
    document.body.appendChild (S); 
  } 
}

사용  createElement 방법 :

수출 기본 { 
  구성 요소 : {
     'dingtalk' : { 
      렌더링합니다 (createElement와) { 
        반환 의 createElement (
           '스크립트' , 
          { 
            바인드합니다 : { 
              유형 : '텍스트 / 자바 스크립트' , 
              SRC에 : 'https://g.alicdn.com/dingding/ dinglogin / 0.0.2 / ddLogin.js ' , 
            } 
          } 
        ); 
      } 
    } 
  } 
} 
 
// 사용 <dingtalk> </ dingtalk> 호출 페이지

궁극적 프로그램

컴포넌트를 캡슐화하여  remote-js 달성 :

수출 기본 { 
  구성 요소 : {
    '원격 JS' : { 
    렌더링 (createElement와) { 
      반환 의 createElement ( '스크립트', {바인드합니다을 : {유형 : '텍스트 / 자바 스크립트', SRC : 이 하려면 .src}}); 
    }, 
    소품 : { 
      SRC : {유형 : 문자열, 필수 : 사실 } 
    } 
  } 
  } 
}

사용 방법 :

<원격 JS SRC = "https://g.alicdn.com/dingding/dinglogin/0.0.2/ddLogin.js"> </ 원격 JS>

학습 뷰의 시작 가지고 있기 때문에 질문은 우리가 토론을 논의 할 수 있다는 지적에 오신 것을 환영합니다.

참고 자료

• 뷰는 - 기능을 렌더링