• 简书网微信公众号二维码
您当前的位置: 首页 > 知识百科 > 微信小程序if语句怎么使用?

微信小程序if语句怎么使用?

时间:2023-07-01 14:05 阅读数:43 人阅读 分类:知识百科

  微信小程序if语句怎么使用?我们在开发微信小程序的时候,会去使用到微信小程序代码,那么在编写微信小程序代码的时候,少不了使用微信小程序if语句哦,那么微信小程序if语句怎么使用呢?

  微信小程序if语句怎么使用?

  在微信小程序的官方文档中,会经常使用到微信小程序if语句,将微信小程序if语句归化在框架的视图层,叫条件渲染和类表渲染,其实他就是封装了这两条语句而已。

  if循环语句如下:

  

  微信小程序if语句使用的方法如下:

  1.它是通过在index.js中设置数据,然后再index.wxml中进行判断,首先上index.wxml的代码。

  //微信是封装过if语句的,你只要在index.js中设置好值,然后就可以直接想这样拿来判断了,还有这是class=“view”效果放在判断语句中是没有效果的

  true

  false

  //三目运算,你可以比较一下这俩,上边判断true和false的方法,自己认为哪个简单用哪个

  aa

  bb

  ---------------------------

  //其实挺简单的这样,相对于java和C++来说,这里直接写判断的小程序数据就OK了

  你很棒

  还算是个中国人

  只能去日本了

  ---------------------------

  //如果你一个判断条件下有好几个view就用block标签,他算是个万能小程序标签,什么属*都可以往里写,所以遇到复杂的视图时记得用它。

  你

  很

  叼

  你

  很

  菜

  2、index.js的微信小程序代码,

  var param={

  data:{

  you:true,

  diao:18,

  }

  }

  Page(param);1234567

  3、index.wxss的微信小程序代码

  .view{

  width: 100px;

  height: 50px;

  background-color: green;

  color: white;

  padding: 20px;

  margin-top: 10px

  }12345678

  注意:if和hidden的区别

  

  4、index.js

  var param={

  data:{

  iconSize:[20,30,40,50,60,70],

  iconColor:[ 'red', 'orange', 'yellow', 'green', 'rgb(0,255,255)', 'blue', 'purple'],

  iconType: [

  'success', 'info', 'warn', 'waiting', 'safe_success', 'safe_warn',

  'success_circle', 'success_no_circle', 'waiting_circle', 'circle', 'download',

  'info_circle', 'cancel', 'search', 'clear'

  Page(param)12345678910111213

  微信小程序if语句怎么使用?微信小程序if语句怎么使用的方法就介绍到这里了,感谢各位亲们的观看,希望以上的内容对大家使用微信小程序if语句会有帮助。大家请多多关注微小乔哦。

  

  微信小程序wx:if条件渲染

  怎样解决微信小程序条件判断的问题?

  微信小程序开发条件有哪些?