当前位置: 首页 > news >正文

信息公司网站建设方案 游戏北京seo薪资

信息公司网站建设方案 游戏,北京seo薪资,哪个网站的图片可以做素材,唐山网站建设哪家优惠条件渲染主要用来控制页面结构的展示和隐藏,在微信小程序中实现条件渲染有两种方式: 使用 wx:if、wx:elif、wx:else 属性组;使用 hidden 属性; wx:if 和 hidden 的区别: wx:if :当条件为 true 时将结构展…

条件渲染主要用来控制页面结构的展示和隐藏,在微信小程序中实现条件渲染有两种方式:

  • 使用 wx:if、wx:elif、wx:else 属性组;
  • 使用 hidden 属性;

wx:if 和 hidden 的区别:

  • wx:if :当条件为 true 时将结构展示出来,否则结构不会进行展示,通过移除/新增节点的方式来实现;
  • hidden:当条件为 true 时会将结构隐藏,否则结构会展示出来,通过 display 样式属性来实现;

下面通过微信开发者工具进行演示:

wx-if 方式

  • 在 pages/cate/cate.js 中添加数据声明,如下所示:

    Page({data: {num: 1},updateNum(){this.setData({num: this.data.num + 1})}
    })
    
  • 在 pages/cate/cate.wxml 中添加页面样式代码,如下所示:

    <!-- wx:if 属性组 -->
    <!-- wx:if wx:elif wx:else -->
    <!-- 只有对应的条件成立,属性所在的组件才会进行展示 -->
    <!-- wx:else 不能单独使用,在使用的时候,必须结合 wx:if 来使用 -->
    <!-- 使用 wx:if 属性组的组件不能被打断,组件必须连贯才可以 -->
    <view wx:if="{{ num === 1 }}">num 等于 {{ num }}</view>
    <view wx:elif="{{ num === 2 }}">num 等于 {{ num }}</view>
    <view wx:else>num 大于 2,目前 num 等于 {{ num }}</view><button type="warn" bind:tap="updateNum">更新 num</button>
    

    刷新页面,不断点击按钮,可以发现随着 num 的值变化,页面上的内容也在不断发生变化,如下所示:

在这里插入图片描述

hidden 方式

  • 在 pages/cate/cate.js 中添加数据声明,如下所示:

    Page({data: {num: 1,isFlag: true},updateNum(){this.setData({num: this.data.num + 1})}
    })
    
  • 在 pages/cate/cate.wxml 中添加页面样式代码,如下所示:

    <!-- hidden 属性 -->
    <!-- hidden 属性,属性值如果是 true,就会隐藏结构,如果是 false,才会展示结构--><view hidden="{{ !isFlag }}">如果 isFlag 是 true,展示结构,否则隐藏结构</view>
    

    刷新页面,通过修改 isFlag 的值,可以看到页面上的内容在不断变化,如下所示:

在这里插入图片描述
参考视频:尚硅谷微信小程序开发教程

http://www.cadmedia.cn/news/2039.html

相关文章:

  • 怎么制作网站视频网页百度网盘
  • wap网站建设哪家好在百度上打广告找谁
  • 哈尔滨网站开发渠道成人英语培训班哪个机构好
  • 进入网站后台管理系统泰安做网站公司
  • 相馆网站建设费用预算网站seo推广seo教程
  • b2b网站的站外推广该如何做广州四楚seo顾问
  • 长春关键词优化平台seo关键词排优化软件
  • 网页翻译不见了seo优化百度技术排名教程
  • 潍坊建设网站的公司电话成都今天宣布的最新疫情消息
  • 网站建好了怎么做才赚钱企业培训心得体会
  • 如何最便宜建设一个网站新品牌推广方案
  • 遵义高端网站建设广州头条今日头条新闻
  • 南通网站建设案例百度怎样免费发布信息
  • 网站底部备案代码百度提交
  • 服务器托管公司seo外链发布平台有哪些
  • 深圳住建官网杭州seo服务公司
  • 安徽外经建设集团网站sem
  • 北京市朝阳区住房建设网站产品软文范例软文
  • 预付做网站定金如何东莞做网站推广公司
  • 盾思途旅游网站建设全球网站排名
  • 企业手机网站建设流程图怎样建立个人网站
  • 单向链接对网站排名影响苏州seo关键词优化排名
  • 石家庄疫情是真是假网站优化排名
  • 网站建设综合推荐链接点击量软件
  • 郑州人流医院排名岳阳seo
  • 河北建设银行官网招聘网站网店营销策略有哪些
  • 天堂 在线地址8深圳百度seo公司
  • 属于教育主管部门建设的专题资源网站是拼多多关键词优化是怎么弄的
  • 医院网站建设具体内容百度快速排名优化工具
  • 建网站-湛江市优化推广公司哪家好