本文主要是介绍uni/vue 三目运算符 动态渲染样式,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
总是忘,得记一下了
循环时候与进行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>
这篇关于uni/vue 三目运算符 动态渲染样式的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!