vue.js v-if v-else 를 사용 하여 해결 방법 이 실행 되 지 않 은 것 을 발견 하 였 습 니 다.

v-if v-else 를 사용 하여 실행 되 지 않 은 것 을 발견 하 였 습 니 다.
최근 에 Vue 를 공부 하고 있 습 니 다.처음에 공 부 를 했 기 때문에 이런 저런 문제 가 자주 발생 합 니 다.오늘 말 하고 자 하 는 오 류 는 Vue 의 공식 문 서 를 볼 때 v-if 와 v-else 명령 을 사용 할 때 해당 하 는 내용 이 모두 나 타 났 습 니 다.
초기 코드:


<div v-if="Math.random > 0.5">
 " Math.random > 0.5 "
</div>
<div v-else>
 " Math.random <= 0.5 "
</div>

표 시 된 결과:


 " Math.random > 0.5 "
" Math.random <= 0.5 "

나중에 알 게 된 것 은 제 가 인 스 턴 스 를 만 드 는 것 을 잊 었 습 니 다.모든 Vue 응용 프로그램 은 인 스 턴 스 를 만들어 야 하기 때문에 수 정 된 코드 는 다음 과 같 습 니 다.


  <div id="test">
    <div v-if="Math.random > 0.5">
      " Math.random > 0.5 "
    </div>
    <div v-else>
      " Math.random <= 0.5 "
    </div>
  </div>
  <script type="text/javascript">
    new Vue({
      el : "#test"
    })
  </script>

읽 어 주 셔 서 감사합니다. 여러분 에 게 도움 이 되 기 를 바 랍 니 다.본 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

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

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

vue 학습 노트 의 v-if 와 v-show 의 차이

v-if 는'진정한'조건 렌 더 링 입 니 다.전환 과정 에서 조건 블록 안의 이벤트 모니터 와 하위 구성 요소 가 적당 하 게 소각 되 고 재 구축 되 는 것 을 확보 하기 때 문 입 니 다. 이에 비해 v-sho...

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

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

vue.js v-if v-else 를 사용 하여 해결 방법 이 실행 되 지 않 은 것 을 발견 하 였 습 니 다.

좋은 웹페이지 즐겨찾기