2***@qq.com
2***@qq.com
  • 发布:2024-12-19 21:47
  • 更新:2024-12-20 09:50
  • 阅读:60

为什么 真机测试 ios 上 v-else 不显示呢 h5可以

分类:uni-app

<template>
<div class="">
<view class="leavelMessageRember-item1" v-if="index<2" v-for="(secondPl,index) in ldsdd">
<view class="contentName" style="font-size: 13px;">
<!-- {{secondPl.userName}} 回复 @{{parentName}} -->
</view>
<view class="content">
<!-- {{secondPl.message}} -->
</view>
</view>
<view class="" @click="zhankaiHuiFu" v-else style="padding-left: 5px;color: #aaaaaa;background-color: aliceblue;font-size: 17px;height: 20px;">
<!-- 共{{secondComments.length}}条回复 -->
5
</view>
</div>
</template>

<script>
export default {
props: ['secondComments','parentName','totalOne'],
name: '',
data() {
return {
ldsdd:[{},{},{}]
}
},

2024-12-19 21:47 负责人:无 分享
已邀请:
BoredApe

BoredApe - 有问题就会有答案。

<template>  
  <div class="">  
    <!-- 使用计算属性过滤数据 -->  
    <view class="leavelMessageRember-item1"   
          v-for="(secondPl,index) in displayItems"   
          :key="index">  
      <view class="contentName" style="font-size: 13px;">  
        <!-- {{secondPl.userName}} 回复 @{{parentName}} -->  
      </view>  
      <view class="content">  
        <!-- {{secondPl.message}} -->  
      </view>  
    </view>  

    <!-- 分开判断显示更多按钮 -->  
    <view v-if="ldsdd.length > 2"   
          class=""   
          @click="zhankaiHuiFu"   
          style="padding-left: 5px;color: #aaaaaa;background-color: aliceblue;font-size: 17px;height: 20px;">  
      <!-- 共{{secondComments.length}}条回复 -->  
      5  
    </view>  
  </div>  
</template>  

<script>  
export default {  
  props: ['secondComments', 'parentName', 'totalOne'],  
  name: '',  
  data() {  
    return {  
      ldsdd: [{}, {}, {}]  
    }  
  },  
  computed: {  
    displayItems() {  
      // 只返回前两条数据  
      return this.ldsdd.slice(0, 2)  
    }  
  }  
}  
</script>
a***@163.com

a***@163.com

不建议把v-for和v-if用在同一个标签上,你要考虑优先级问题

要回复问题请先登录注册