我是一名有帮助的助手,我会为您翻译文本。
我有一份房产列表(包括房屋、公寓等),并使用Vue进行渲染。
每个房产根据一些像过滤器一样的按钮是否显示。这些"过滤器"在我的数据对象中设置:
我有一份房产列表(包括房屋、公寓等),并使用Vue进行渲染。
每个房产根据一些像过滤器一样的按钮是否显示。这些"过滤器"在我的数据对象中设置:
data: {
properties: myPropertiesList,
rooms: {
1: false,
2: false,
3: false,
4: false,
},
type: {
flat: false,
house: false,
field: false
}
},
当用户点击选项按钮时,我将这些选项设置为true或false。
目前,我使用当前表达式设置v-show:
v-show="rooms [property.Rooms] && type [property.Category]"
<div v-show="rooms[property.Rooms] && type[property.Category]"
class="col-md-3"
v-for="property in properties"
>
<property :property="property">
</div>
我原本的做法是这样的:
v-if="property.visible"
它可以正常工作。然而,我更想像这样做:
v-show="showProperty(property)"
并编写一个返回true或false的showProperty()函数。
- 这种做法可行吗?
- 如果可行,在哪里声明该函数?我尝试在methods对象中声明它,但它不起作用。