VUEテンプレートでのdivを追加する方法

私はこの方法は、この列にdiv要素を追加addNewElementことを必要VUEテンプレートでのdivを追加する方法

<tr v-for="entry in filteredData"> 
    <td> 
    @{{ entry.position}} 
    </td> 
    <td :class="addNewElement(entry.value)"> 

    </td> 
    <td> 
    @{{ Math.round(entry.chanceOfApproval*100) }} 
    </td> 
</tr>

のために実行テンプレートがありますが、私は私が行うことができますかわかりませんそれは私のテンプレートにあります

出典

2016-10-17 Victor Oliveira

十分な情報を与えていない。 Vueのようなフレームワークでは、通常divを「追加」したくないでしょう。代わりに、あなたのデータに基づいてそれらを生成してください。あなたの質問を少しはっきりさせることができますか？ –

divを返す別のファイルにjavascriptメソッドがあり、このdivをテンプレートに追加する必要があります –

本当に必要なものについて質問を編集しました。それは書き込まれていませんでした –

答えはあなたが使っているVue.jsのバージョンによって異なります。与えられたVueのインスタンスについて

{ 
    ... 
    methods: { 
    renderEl() { 
     return '<div>...</div>' 
    } 
    } 
}

Vueの1.xではでは、（docs）

{{{ renderEl() }}}

は、Vueの2.xでは、あなたが行うことができます行うことができますあなたがしている（docs）

<div v-html="renderEl()"></div>

出典

2016-10-23 02:44:33

そうです、そうです！私はそれを解決しましたが、答えに感謝します。 –

VUEテンプレートでのdivを追加する方法

答えて

関連する問題