Vue.js v-if 屬性

Question

假設我有這個代碼

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

我想根據傳遞到組件的屬性來呈現my-attr 。 由於 v-if 適用於整個元素，我不能做類似的事情

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 中刪除了屬性中的插值