질문 요약

1.오늘 Vue 사용자 정의 명령 의 코드 를 복습 해 보 니 어 이 없 는 결과 가 나 왔 습 니 다.먼저 코드 를 붙 입 니 다.
2.


<div id="example" v-change-by="myColor"></div>
  <script src="vue.min.js"></script>
  <script>
    new Vue({
      el:"#example",
      data:{
        msg:"",
        myColor:"#000"
      }
    });
    Vue.directive("change-by",{
      bind:(el,binding)=>{
        el.style.background=binding.value;
      }
    });
  </script>

3.그 결과 페이지 를 열 면 공백,너비,높이 가 모두 설정 되 어 있 고 div 는 검 게 변 하지 않 았 습 니 다.검사 코드 가 아무리 맞 아 도 문법 오류 가 없습니다.그리고 vue.min.js 파일 인지 아 닌 지 를 고려 해 홈 페이지 에서 개발 판 을 다운로드 해 vue.js 로 사용 했다.깜짝 발견 이 됐어 요.

4.원래 생산 버 전 vue.min.js 는 오 류 를 지원 하지 않 습 니 다.정말 신 갱 입 니 다!
5.마침내 원인 을 이해 한 다음 에 중요 한 것 은 명령 을 vue 실례 화 대상 앞 에 써 야 한 다 는 것 이다.그렇지 않 으 면 Failed to resolve directive 를 잘못 보고 할 수 있다.마지막 으로 정확 한 순서 코드 를 붙 입 니 다.


<div id="example" v-change-by="myColor"></div>
  <script>
    Vue.directive("change-by",{
      bind:(el,binding)=>{
        el.style.background=binding.value;
      }
    });
    new Vue({
      el:"#example",
      data:{
        msg:"",
        myColor:"#000"
      }
    });
  </script>

6.마지막 출력 페이지,완벽...작은 문제,주의해 야 합 니 다.

총결산
위 에서 말 한 것 은 편집장 이 여러분 에 게 소개 한 Vue.directive 사용자 정의 명령 의 문제 요약 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 저 에 게 메 시 지 를 남 겨 주세요.편집장 은 제때에 답 해 드 리 겠 습 니 다!

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

자바 zookeeper 기본 조작 명령

링크 ux 클 라 이언 트 의 명령 cd / zookeeper / bin sh zkcli. zookeeper 권한 은 실제 응용 에서 제어 합 니 다. 저 희 는 zookeeper 클 러 스 터 를 구축 하고 여러 ...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

질문 요약

좋은 웹페이지 즐겨찾기