微信小程序开发如何在wxml文件中添加block标签

微信小程序开发是现在非常流行的一项开发工作,有些用户想知道如何在wxml文件中添加block标签,接下来小编就给大家介绍一下具体的操作步骤。

具体如下:

  1. 1. 首先第一步打开微信小程序项目,根据下图所示,点击任意js文件。

  2. 2. 第二步根据下图所示,在js文件的【data】中添加代码【"weather":"晴天"】。

  3. 3. 第三步根据下图所示,打开js文件对应的wxml文件。

  4. 4. 第四步根据下图所示,在文件中添加代码【block wx:if="weather == '晴天'">】。

  5. 5. 第五步按照需求添加block标签内容。根据下图所示,小编以【我会选择去旅游、或者是去游泳】为例。

  6. 6. 第六步根据下图所示,还可以新建block标签,并使用【else】来判断条件。

  7. 7. 最后进入预览页面,根据下图所示,即可显示block标签内容。

  8. 以上就是微信小程序开发如何在wxml文件中添加block标签的方法。

(0)

相关推荐

  • 微信小程序开发实战教程: 手把手教你开发跑步微信小程序

    微信小程序正式上线,很多地方在刷屏,我们可以看见很多人都在使用微信小程序,但是不少用户不会微信小程序怎么开发?下面我们的小编带来微信小程序开发实战教程,手把手教你开发跑步微信小程序,随着小编一起来了解 ...

  • 微信小程序下载地址 微信小程序开发破解教程

    微信小程序开发简要教程: 本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果.这个小程序的首页将会显示欢迎语以及当前用户的微信头像,点击头像,可以在新开的页面中查看当前小程 ...

  • 微信小程序开发如何创建绑定事件

    微信最近推出了小程序功能,有些用户想知道微信小程序开发如何创建绑定事件,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步根据下图所示 ,打开[微信开发者工具].2. 第二步在项目列 ...

  • 微信小程序开发如何新建Page

    微信最近推出了小程序功能,有些用户想知道微信小程序开发如何新建Page,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步根据下图所示,打开[微信开发工具].2. 第二步根据下图所示 ...

  • 微信小程序开发工具怎么下载使用?

    微信小程序开发工具(微信web开发者工具)下载,安装,创建新项目和如何导入项目整个过程教程. 1.首先登陆微信公布的简易教程网页,登陆上去后,点击导航栏上方的“工具”按钮.然后点击左侧边的导航栏“下载 ...

  • 微信小程序开发中常用快捷键

    这里小编为大家介绍一下微信小程序开发工具中常用的快捷键 格式调整相关操作快捷键 01 Ctrl+S:最简单的保存文件操作,微信小程序开发工具比较好的是每次保存都会自动编译 02 Shift+Alt+F ...

  • 微信小程序开发工具使用

    微信小程序开发工具(微信web开发者工具)下载,安装,创建新项目和如何导入项目整个过程教程. 操作方法 01 首先登陆微信公布的简易教程网页,登陆上去后,点击导航栏上方的"工具"按 ...

  • 微信小程序开发工具使用步骤

    自李小龙推出微信小程序公测后,很多开发者纷纷对小程序进行了解和学习.不过,要想知道微信小程序如何开发,开发者们必须先学会如何使用微信小程序开发工具. 操作方法 01 1.首先要下载微信官方的微信Web ...

  • 微信小程序开发工具怎么使用 微信小程序开发工具使用图文教程

    微信小程序开发工具怎么使用呢?很多朋友都不是很清楚,下面小编给大家带来了微信小程序开发工具使用图文教程,感兴趣的小伙伴一起看看吧! 微信小程序开发工具使用教程如下所示: 登陆微页官网,点击首页weba ...