<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> 这样写还是会有警告
时间: 2024-01-03 15:39:55 浏览: 145
postcss-variables-loader:使用Webpack + HMR在CSS和JS之间共享变量
这段代码的警告可能是由于在 `<view>` 中嵌套了 `<uni-col>` 和 `<uni-row>` 组件,导致出现了警告。可以尝试将 `<view>` 标签替换为 `<block>` 标签,因为 `<block>` 标签不会被渲染成任何实际的 HTML 元素,只是一个包含块级元素的容器。这样就可以避免嵌套组件导致的警告了。修改后的代码如下:
```
<block>
<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>
</block>
```
阅读全文