vue.js 태그 속성 에 변수 인 자 를 삽입 하 는 방법

1288 단어 vue.js변량매개 변수
html 태그 의 속성,예 를 들 어 id,class,href 는 동적 전달 매개 변수 가 필요 합 니 다.문자열 을 맞 추고 자 료 를 찾 았 지만 적당 한 해결 방법 을 찾 지 못 했 습 니 다.오전 내 내 생각 한 끝 에 방법 을 시 도 했 습 니 다.

v-bin:속성="문자열'+사용자 정의 변수 이름",스스로 시도 해 보 았 습 니 다.필요 한 친구 가 참고 하 세 요!
마지막 으로 속성 을 주의해 야 합 니 다.반드시":속성="이라는 형식 이 작용 할 수 있 습 니 다.

 <ul class="menu" v-for="(item,index) in 4">
              <li :class="{'selected':index===clickIndex}" @click="selected(index)">
                <div>
                  <h3>{{item}}    </h3>
                  <span style="margin: 15px 0px;">     :3 (2      )</span><br />
                  <img :src="'img/'+(item+nameIndex)+'.jpg'" />
                  <a href="#" rel="external nofollow" ></a>
                </div>
              </li>
    </ul>
총결산
위 에서 말 한 것 은 소 편 이 여러분 에 게 소개 한 vue.js 가 태그 속성 에 변수 인 자 를 삽입 하 는 방법 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 면 메 시 지 를 남 겨 주세요.소 편 은 제때에 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!
Vue 의 루트 권한 관리 에 대한 예시 코드
vue build 패키지 후 첫 페이지 흰색 화면 문제 해결

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage