구성 요소에 전달할 때 변수를 평가하는 vue js

Question

이 작업을 수행 할 수 없지만 몇 가지 조언이 필요할지 궁금합니다.

<media class="u-media-top u-padding Media--secondary t-borderleft-{{FetchCompanyName()}} t-borderbottom" title="School Name"> 
    {{organisation}} 
    </media> 

을 다음과 같이 나는 뷰 JS 구성 요소를 가지고 구성 요소 내부에 난 당신이 내가 그들 모두 바인딩 구성 요소의 구성 요소와 함께 클래스 목록을 통과 볼 수

<template><div class="Media" v-bind:class="class">.... 

그래서이 HTML에. 모두 좋은. 그러나 나는

FetchCompanyName() 

이 내 구성 요소에 통과 한 후 (내가 t-borderleft-의 companyâ 볼 것으로 예상) 평가하기 (A 믹스 인에서 반환 된 문자열 인) 내 변수를 원한다. 현재로드 할 때 나타납니다.

t-borderleft-{{FetchCompanyName()}} 

나는 단지 문자열로 전달한다고 가정합니다. 누구든지 내가 원하는 것을 얻을 수있는 방법에 대한 조언을 해줄 수 있습니까?

건배 샘

Answer 1

이 작업을 시도 할 수 :

<media :class="'t-borderleft-' + FetchCompanyName()" class="u-media-top u-padding Media--secondary t-borderbottom" title="School Name"> 
    {{organisation}} 
</media> 

또한 구성 요소 내부의 v-bind:class="class"을 제거해야합니다.

FetchCompanyName 계산 된 속성