Vue.js v-if 用于属性

【问题标题】：Vue.js v-if for attributesVue.js v-if 用于属性
【发布时间】：2016-03-30 07:20:35
【问题描述】：

假设我有这个代码

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

我想根据传递到组件中的属性来渲染 my-attr。由于 v-if 适用于整个元素，我不能做类似的事情

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

因为我必须复制表格内的所有代码。

我怎样才能做到这一点？

【问题讨论】：

【解决方案1】：

您可以使用v-bind 或直接使用{{}} 插入值

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

现在someMethod 和anotherMethod 应该是组件的数据、计算属性或方法，并且应该返回属性的所需值或false。在后一种情况下，该属性根本不会添加到元素中。

更新：请注意，属性中的插值已在 Vue 2 中移除

【讨论】：