uni/vue 三目运算符动态渲染样式

最新推荐文章于 2024-09-19 21:05:46 发布

Twoknives

最新推荐文章于 2024-09-19 21:05:46 发布

阅读量1.3k

点赞数

分类专栏： uniapp 前端小程序

本文链接：https://blog.csdn.net/Twoknives/article/details/107489963

版权

uniapp 同时被 3 个专栏收录

18 篇文章 1 订阅

订阅专栏

前端

18 篇文章 0 订阅

订阅专栏

小程序

16 篇文章 0 订阅

订阅专栏

在这里插入图片描述
总是忘，得记一下了
循环时候与进行class绑定，当begin_city_id == item.id 成立，那渲染status-true这个样式，为空则status-none

<view v-for="(item, index) in city_list" :key="index">
     <view :class="{'status-true':begin_city_id == item.id}"   class="route-city-name"  @click="selectcity_begin(item.id)">{{item.name}}</view>
	<view :class=" [begin_city_id == item.id ? 'status-true' : 'status-none']"   class="route-city-name"  @click="selectcity_begin(item.id)">{{item.name}}</view>									
</view>