<uni-col :span="19" id="pos"> <uni-row class="demo-uni-row content" :gutter="gutter" v-for="(item,index) in ChangBeiList" :key="index"> <uni-col :span="24"> <view ref="active1" class="active1" :class="{active:ids.includes(item.id)}" @click="change(item.id,item.ckj,item.clmc)" style="text-align: left;"> <block> <view class="item" style=""> <uni-row class=""> <uni-col :span="3" style="text-align: center;margin-left: 10px;"> 特惠:<span style="color: #FD3C22;">{{item.ckj}}</span>元 </uni-col> <uni-col :span="19" :push="1" style="margin-left: 10px;"> 原价{{item.miaoShaYj}}元;{{item.clmc}} </uni-col> </uni-row> </view> </block> </view> </uni-col> </uni-row> </uni-col>这段代码有警告 Do not nest other components in the text component, as there may be display differences on different platforms.解决这个警告 要怎么写
时间: 2023-07-19 13:30:47 浏览: 59
这个警告的意思是不要在文本组件中嵌套其他组件,因为在不同的平台上可能会有显示差异。根据您的代码,您可以将这段代码包裹在一个组件中,比如一个 `<view>` 组件,像这样:
```
<view>
<uni-col :span="19" id="pos">
<uni-row class="demo-uni-row content" :gutter="gutter" v-for="(item,index) in ChangBeiList" :key="index">
<uni-col :span="24">
<view ref="active1" class="active1" :class="{active:ids.includes(item.id)}" @click="change(item.id,item.ckj,item.clmc)" style="text-align: left;">
<block>
<view class="item" style="">
<uni-row class="">
<uni-col :span="3" style="text-align: center;margin-left: 10px;">
特惠:<span style="color: #FD3C22;">{{item.ckj}}</span>元
</uni-col>
<uni-col :span="19" :push="1" style="margin-left: 10px;">
原价{{item.miaoShaYj}}元;{{item.clmc}}
</uni-col>
</uni-row>
</view>
</block>
</view>
</uni-col>
</uni-row>
</uni-col>
</view>
```
这样就可以解决这个警告了。