이 글에서는 주로 Vue 구문에서 문자열을 이어붙이는 샘플 코드를 소개합니다. 편집자가 꽤 좋다고 생각해서 지금 공유하고 참고용으로 제공하겠습니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.
코드 한 줄부터 시작해 보겠습니다.
<p class="swiper-slide" v-for="item in message"> <img v-bind:src="['xxx(需要拼接的字符串)'+item.picurl]" alt="" width="100%" height="245" /> </p>
코드에 표시된 대로 배열 구문에서 문자열만 연결하면 됩니다.
***지식***
그나저, vue 구문을 정리해 보겠습니다
작성 방법도 스타일 바인딩과 클래스 바인딩으로 나누어집니다
(다음 코드 부분은 예시입니다) 공식 홈페이지에서)
(1) 객체 구문
이름에서 알 수 있듯이 객체 작성을 사용하는 구문이 있습니다
스타일 바인딩:
이런 유형의 작성은 CSS 작성과 유사합니다
클래스 바인딩:
active는 클래스 이름, active는 isActive가 true일 때 유효합니다.
(2) 배열 구문
스타일 바인딩:
<p :style="[style1,style2,style3]"></p>
data는 심사위원 홈페이지에 소개되지 않습니다. 여기에 간단한 예를 작성하겠습니다:
data: { style1:{background:'red'}, style2:{width:'100px'}, style3:{height:'100px'} }
클래스 바인딩:
관련 권장 사항:
javascript: 문자열 연결 함수 concat()
JavaScript 조합 문자열 효율성 비교 테스트 _javascript 기술
위 내용은 Vue 구문 접합 문자열에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!