有时候想在模板中判断返回的字符串是否包含某几个字符，从而显示不同的内容，因此可以使用indexOf()、search()、match()、正则test()或者正则exec()的方式，但有时候想在模板中直接进行判断显示，并且返回的字符串包含的字段并不确定时，就可以使用includes()的方式来进行判断。

includes

当后台返回混合图片和视频的url时，想根据不同的格式来显示，就可以使用includes进行判断。

let condition =['.jpg','.png','.jpeg', '.gif', '.ico'] // 这里是你想要匹配的多个条件

  <div v-for="(item, index) in imageList" class="product-sku-table-img-div " @click="openImgBox(item)">
            <img class="product-sku-table-img"
                 v-if="condition.find(val => item.includes(val))" :src="item"
                 alt="">
            <video class="product-sku-table-img"
                   v-else
                   :src="item" 
                   :autoplay="true"
                   controls="controls"
                   muted
                   loop>
             </video>
     </div>

当返回的字符串中包含图片格式的后缀时，就可以使用图片进行显示，否则显示视频。