> 웹 프론트엔드 > JS 튜토리얼 > vue.js의 태그 속성에 변수 매개변수를 삽입하는 방법

vue.js의 태그 속성에 변수 매개변수를 삽입하는 방법

php中世界最好的语言
풀어 주다: 2018-03-28 17:00:36
원래의
1873명이 탐색했습니다.

이번에는 vue.js가 태그 속성에 변수 매개변수를 삽입하는 방법을 보여드리겠습니다. vue.js가 태그 속성에 변수 매개변수를 삽입하는 데 있어 주의사항은 무엇인가요? 다음은 실제 사례입니다.

html 태그의

속성은 매개변수를 동적으로 전달하고 strings을 연결해야 합니다. 몇 가지 정보를 확인한 후에도 아침 내내 고민한 끝에 마침내 적절한 해결책을 찾지 못했습니다. 방법을 시도했습니다.

v-bind: attribute = "'string'+self

define Variable name", 제가 직접 시도해 보았지만 문제 없습니다. 도움이 필요한 친구들이 배울 수 있습니다!

마지막으로 속성은 다음과 같아야 합니다.

":attribute="이 양식은 작동합니다

 <ul class="menu" v-for="(item,index) in 4">
              <li :class="{&#39;selected&#39;:index===clickIndex}" @click="selected(index)">
                <p>
                  <h3>{{item}}点位标签</h3>
                  <span style="margin: 15px 0px;">附近的资产:3个(2个未完成修订)</span><br />
                  <img :src="&#39;img/&#39;+(item+nameIndex)+&#39;.jpg&#39;" />
                  <a href="#" rel="external nofollow" ></a>
                </p>
              </li>
    </ul>
로그인 후 복사

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 확인하세요. 다른 PHP 중국어 웹사이트 관련 기사를 주목하세요!

추천 도서:

Angularjs 압축 후 파일 오류를 해결하는 방법

vue에서 도메인 간 처리를 위해 axios를 사용하는 방법

위 내용은 vue.js의 태그 속성에 변수 매개변수를 삽입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿