Vue.js V-場合、属性

Question

については、のは、私はこのコード

table(my-attr="value") 
    ...complex component Jade... 

を持っていると私は財産上のmy-attrベースのコンポーネントに配信することをレンダリングしたいとしましょう。以来、V-場合、私は、テーブル内のすべてのコードを複製しなければならないので、素子全体の作品は、私が

table(my-attr="value", v-if="myProp") 
table(v-else) 

ような何かをすることはできません。

どうすれば実現できますか？

Answer 1

あなたはv-bindを使用するか、またはデータ、計算されたプロパティまたはコンポーネントのメソッドである必要があり{{}}

// (sorry, no jade) 
<table v-bind:attribute1="someMethod" attribute2="{{anotherMethod}}"> 

今

someMethodとanotherMethodと直接値を補間し、属性の任意の値、またはfalseのいずれかを返す必要がありますすることができます。後者の場合、属性は要素にまったく追加されません。

更新：注：属性の補間は、Vue 2で削除されました