Vue 배열 텍스트에 색상 및 굵게 표시

Question

안녕하세요~~ Vue.js 를 이용해 개발중인데... 막히는 부분이 있어 선배님들의 의견을 듣고자 질문 남깁니다.var sb &#61; [];sb.push( {text:'유'} );return sb;이런식으로 되어 있는데.. '유' 라는 텍스트에 빨강색 굵게 표시를 하고 싶은데 어떤 문법을 사용 해야 할까요?몇번이고 시도해봐도 문자열로 인식해서 나오네요....ㅜ

icksss · Answer

프로폴리스 · Answer

조건절이 들어가면서 다양한 값을 도출하려면 디렉티브 보다는 함수로 적용하시는게 나을 것 같습니다.

yeori · Answer

주어진 문자열 S와 강조할 키워드 K를 입력 받아서 문자열을 토큰 배열로 반환하는 함수를 만듭니다.const tokenize = (S, K) => { ... }토큰은 아마도 이런 형태겠죠.[ {start:number, end:number, matched:boolean}, ... ]원본 문자열 S에 대해서 S.substring(token.start, token.end) 로 잘라내면 됩니다.클래스로 만들면 지저분한 코드를 vue 파일에서 다 빼낼 수도 있음...위 함수를 호출해서 반환받은 토큰들을 루프 돌면서 채워넣으면 끝.

Vue 배열 텍스트에 색상 및 굵게 표시

3개의 답변

Q&A 목록