Vue.js v-if 用于属性

2024-01-10

假设我有这个代码

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

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

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

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

我怎样才能做到这一点?


您可以使用v-bind或直接对值进行插值{{}}

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

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

Update:请注意,属性中的插值已在 Vue 2 中删除

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Vue.js v-if 用于属性 的相关文章

随机推荐