<view class="list" v-for="(store, index) in filteredStoresToShow?filteredStoresToShow:storesToShow" :key="index" @click="selectStore(store.name)"> <view class="name-distance"> <view class="name"> <image class="home-image" src="../static/icon.png"></image> NEWERA({{ store.name }}) </view> <view class="distance"> <view style="margin-right: 10rpx;" class="icon iconfont icon-map" /> <view>{{ store.distance }}km</view> </view> </view> <view class="address"> {{ store.address }} </view> <view class="time"> <view class="icon iconfont icon-time"></view> <view v-if="store.openTime" style="margin-left: 10rpx;">{{store.openTime}}</view> <view v-else style="margin-left: 10rpx;" >暂无数据</view> </view> <view class="number"> <view style="margin-right: 10rpx;margin-left: 30rpx; " class="icon iconfont icon-telephone"> </view> <view v-if="store.phone" @click.stop="callphone(store.phone)">{{store.phone}}</view> <view v-else >暂无数据</view> </view> <view class="goto" >前往店铺</view> </view>,实现当有列表时候显示，如果没有显示没有店铺

你的代码片段是一个 Vue.js 的模板，它包含一个 v-for 循环语句，用于渲染一个店铺列表。如果列表为空，则需要显示“暂无店铺”的提示信息。你可以在列表外部使用 v-if 指令来判断是否有店铺，并在条件为 false 时显示提示信息。具体实现可以参考下面的代码示例：

<template>
  <div>
    <div v-if="storesToShow.length === 0">
      暂无店铺
    </div>
    <div v-else>
      <div class="list" v-for="(store, index) in filteredStoresToShow ? filteredStoresToShow : storesToShow" :key="index" @click="selectStore(store.name)">
        <!-- 店铺信息 -->
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      storesToShow: [],
      filteredStoresToShow: [],
    };
  },
  methods: {
    selectStore(name) {
      // 选择店铺
    },
  },
};
</script>