微信小程序使用三目运算

最新推荐文章于 2023-06-23 21:26:55 发布
最新推荐文章于 2023-06-23 21:26:55 发布
阅读量5.2k 收藏 6
点赞数
分类专栏： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chunchun1230/article/details/104427347
版权

在微信小程序中判断条件太多，可以使用三目运算符来进行

如：

{{item.role==-1?‘伙伴’:(item.role== 0?‘家长’:(item.role== 1?‘教工’:(item.role== 2?‘教师’:(item.role==3?‘校长’:’’))))}}

如：

 <text >{{(topic.tab=="ask")?"问答":((topic.tab=="share")?"分享":"招聘")}}</text>

如：

  <view class="weui-form-preview__value">{{dataInfo[0].WXType== 0? '电联': (dataInfo[0].WXType== 1? '上门':'')}}</view>

 

chunchun1230
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序实现弹出层效果
10-17
在微信小程序开发中，实现弹出层效果是一项常见的需求，通常用于展示用户协议、帮助信息或者确认操作等。本篇将详细讲解如何在微信小程序中创建一个简单的弹出层，以供参考。 首先，我们要了解弹出层的基本结构。一...
微信小程序实现默认第一个选中变色效果
10-18
本文将详细介绍如何在微信小程序中实现这个效果。 首先，我们要在`wxml`（微信小程序的标记语言）中编写结构。在这个例子中，我们创建了一个`<view>`容器，它包含了多个列表项。每个列表项都是一个可点击的`<view>`...
微信小程序 全局变量异步函数_微信小程序WXS
weixin_39912163的博客
11-18 397
今天为什么要给大家分享这个WXS呢，emmm，我，受教育，了.............好了，这个事就不细说了，下面进入正题！先放一下官方文档对WXS的定义：WXS 模块WXS 代码可以编写在 wxml 文件中的 标签内，或以 .wxs 为后缀名的文件内。模块每一个 .wxs 文件和 标签都是一个单独的模块。每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数，默认为私有的，对其...
微信小程序中的三目运算
weixin_43886630的博客
12-31 4511
在微信小程序中判断条件太多，可以使用三目运算符来进行 {{item.role==-1?‘伙伴’:(item.role0?‘家长’:(item.role1?‘教工’:(item.role2?‘教师’:(item.role3?‘校长’:’’))))}} ...
微信小程序中三目运算符的嵌套使用
小歲月丶太着急
06-08 4779
在小程序的开发过程中，三目运算符是可以嵌套使用的，如果界面上有多个条件来区分不同样式，可以有两种实现方式，一种是用if else判断写多个组件，另一种是使用嵌套的三目运算符可以减少很多代码，下面上代码演示一下使用对比 设一个多条件需求： 字体默认为黑色 1、若num = 1，文字颜色为蓝色 2、若num = 2，文字颜色为绿色 3、若num = 3，文字颜色为红色 不使用三目运算符写法： <view wx:if="{{num==1}}" style="color:blue;">展示文字颜
微信小程序 三元运算符 条件语句if和循环语句for（三目运算+hidden）
热门推荐
书写人生
05-12 1万+
在微信小程序的官方文档中，将这两个语句归化在框架的视图层，分表叫条件渲染和类表渲染，其实他就是封装了这两条语句而已。 上图（循环语句if）  1.它是通过在index.js中设置数据，然后再index.wxml中进行判断，首先上index.wxml的代码。 //微信是封装过if语句的，你只要在index.js中设置好值，然后就可以直接想这样拿来判断了，还有这是class=“vie
微信小程序 三元运算 checked
weixin_33717117的博客
04-24 837
预期效果： 根据用户性别，显示radio group，并将相应radio checked   代码如下：   &lt;view class="form-line"&gt;    &lt;view wx:if="{{userInfo.gender == '1' }}"&gt;性别：&lt;/view&gt;    &lt;radio-group&gt;    &lt;radio value=
微信小程序中：使用三目运算设置样式
weixin_46001736的博客
05-05 1183
微信小程序中：使用三目运算设置样式
微信小程序点击view动态添加样式过程解析
10-15
微信小程序点击view动态添加样式主要涉及微信小程序的基础知识，包括微信小程序的视图组件view、数据绑定、事件处理以及样式控制等内容。以下是对这个过程的详细解析： 1. **自定义dataIndex属性**：在微信小程序中...
微信小程序 tabs选项卡效果的实现
11-29
微信小程序 tabs选项卡效果 前言： 最近微信应用号是炒的如火如荼，热门满满，但是也可以发现搜索...3.使用三目运算通过点击获取导航索引，根据索引判断是否添加当前类【备注，这里我将点击事件绑定在父级导航栏，通过
小程序开发总结日记（二）——三元运算符在微信小程序前端的具体应用（控制页面元素样式与显示）
最新发布
weixin_45828020的博客
06-23 2433
说明：问号前为条件表达式，判断结果为型，为时执行表达式1，为时执行表达式2。作用近似于的逻辑运算。在小程序前端 wxml 文件，虽然也能使用if..else..来进行条件渲染（ wx:if ），但结构却稍显复杂，相比来说在理解原理后，使用三元运算符不仅代码简单，逻辑上也更显清晰，代码风格更优雅。（还有什么能比只写一行代码就能搞定一件事情更轻松惬意？
小程序三目运算方法
weixin_39437108的博客
12-10 2418
三目运算优点：简化代码，也就是一定程度上减少了代码量，简洁，明了 三目运算格式 ：(布尔表达式 ? 值0:值1;) ** 应用到小程序实例中 后台给三种值（{0：‘’}，{1: ‘是’}，{2: ‘否’}），前端根据值显示对应内容 value == 0 ? ' ' : value == 1 ? '是' : '否' 本人代码实例运用 ...
三目运算符
qq_45852612的博客
11-02 130
三目运算符 #define _CRT_SECURE_NO_WARNINGS 1 #include <stdio.h> int main() { int a = 1; int b = 0; int c = 1; int d = a ? (b == 1 ? c : a) : c; printf("%d\n", d); return 0; }
2018-2-28(笔记:三目运算符)（复习以前java小程序）
学习资料
02-28 260
1.例：if(a&lt;b){min=a}else{min=b}可用三目运算符来处理min=(a&lt;b)?a:b;解释：如果a&lt;b为真，则表达式取a值。否则取b值2.package zhang;import java.util.*;public class jiujiuchenfabiao { public static void main(String[] args) { Syste...
微信小程序三元运算验证手机号/姓名
黎成诃月的博客
03-23 928
html： &lt;view class="fl_form" style="position:relative;padding-top:20rpx;"&gt; &lt;text&gt;&lt;text style="color:red;padding-right:10rpx"&gt;*&lt;/text&gt;您的姓名&lt;/text&gt; &
小程序wxml中的三元运算符取到js中的值
hsuan_CSDN的博客
04-24 2810
在js中直接赋值在wxml直接调用即可，不需要再用花括号和单引号’{{ }}’
小程序通过三元运算符设置样式
qq_42529941的博客
11-20 677
公告
小程序中style三元表达式中需要绑定多个数据时解决方案
qq_41619741的博客
04-11 2964
小程序中想要使用windowHeight需要在当前元素中添加style='height:"{{windowHeight}}"px;' 但不同情况下使用三元表达式改变高度时写成 <scroll-view scroll-ystyle='{{isHaveVideo ? "height:{{haveVideoHeight}}px" : "height:{{windowHeight}}px"}...
【微信小程序】自定义动态样式报错
Z_ash的博客
01-26 196
【微信小程序】自定义动态样式报错 前不久升级微信开发者功能，部分写法在以前工具上不会报错，现在会报错，比如 解决办法： 在开发者工具上将铃铛旁边的语言，由 HTML 改成 WXML。 参考链接：https://blog.csdn.net/qq_40558766/article/details/110860343 ...
微信小程序能用三目运算
05-17
是的，微信小程序中可以使用三目运算符（也称为条件运算符），语法和其他编程语言一样，格式为： ``` 条件 ? 表达式1 : 表达式2 ``` 其中，如果条件成立，则执行表达式1，否则执行表达式2。例如： ``` <view>{{isLogin ? '欢迎回来！' : '请先登录'}}</view> ``` 上面的代码中，如果isLogin为true，则显示“欢迎回来！”，否则显示“请先登录”。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值