Vuejs、文字列内の式を小道具として解決するにはどうすればよいですか？

これは既に解決されているが、私はそれを見つけることができないので申し訳ありませんので、私は速くしようとするつもりです。Vuejs、文字列内の式を小道具として解決するにはどうすればよいですか？

myAnnoyingProp: "Position of {{$data.name}} {{maritalStatus?\'married\':\'free\'}}"

私は次の2つのオプションを試してみましたが、私はどちらも同じ結果持っている：期待

<label v-html="element.label"></label> 
<label> 
    {{element.label}} 
</label>

を

は私のコンポーネントによって受信された小道具の一つは、以下の値を持っている想像してみて結果： TheNameの位置はフリーです

取得結果： {{$ data.name}} {{maritalStatus？\ 'married \ ：\「無料\」}}

PD：私はあなたがStringある例name、のために、2つの小道具を使用することによって、あなたのコンポーネント内のログインを移動することができヴュー2.4.2

は、コンポーネントのコードをしてください提供する。次に、あなたのコンポーネント内に表示したいメッセージを作成コンポーネントの小道具を正しく登録していないようです –

使用しています、 maritalStatusです。必要に応じてまたはBooleanのいずれかです（この例では、ブール値はmaritalStatusと仮定しています）。あなたはまた、string literalsを使用することができ

<label> 
    Position of {{element.name}} <span v-if="maritalStatus">Free</span><span v-else>Married</span> 
</label>

：

myAnnoyingProp: `Position of ${name} ${maritalStatus}`

2017-09-21 14:52:53 Nora

答えて