Vue:在v-if上调用方法

beq87vna  于 2022-11-17  发布在  Vue.js
关注(0)|答案(1)|浏览(212)

我正在做一个由别人启动的Vue项目,我自己对Vue没有太多的经验。
使用此代码:

<div :class="{ 'results': isResults }">
    <ais-stats v-slot="{ nbHits }">
        <ais-hits
            v-if="nbHits"
            v-slot="{ items }"
            // resultsExist – how is this called?
        >
            <Product v-for="item in items" :key="item.objectID" :product="item" />
        </ais-hits>

        <p v-else class="text-center">
            No results.
        </p>
    </ais-stats>
</div>

data() {
    return {
        isResults: false
    };
},

methods: {
    resultsExist() {
        isResults: true;
    }
}

nbHits返回结果(来自Vue即时搜索)时,我想在父div上设置一个类。
代码在显示结果或无结果消息方面运行良好,但我不知道调用resultsExist方法的语法是什么。

ru9i0ody

ru9i0ody1#

假设nbHits是一个对象您可以使用动态类绑定

<div :class="{'className': nbHits }"></div>

相关问题