它显示在加载数据之前未找到任何项目。代码如下所示:
<div class="columns" v-if="!products.length">
<p>No items found</p>
</div>
<div class="columns" v-if="products.length">
</div>
async getProducts() {
let res = await api.products.getProducts({
products: products
})
},
目前,它显示在加载数据之前没有找到任何项目。如何仅在加载数据且数据为空时才显示该消息?
你可以有一个变量this.loading = false
并在加载后切换。
data() {
return { loaded = false }
},
methods: {
async getProducts() {
let res = await api.products.getProducts({
products: products
});
this.loaded = true;
},
}
在模板中。
<div class="columns" v-if="loaded && !products.length">
<p>No items found</p>
</div>
<div class="columns" v-if="loaded && products.length"></div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)