小程序数据绑定的拓展用法

<swiper vertical=‘true‘ indicator-dots=‘true‘ autoplay=‘true‘>

我们看这个vertical=‘true‘,然后轮播图就变成的垂直方向轮播了。那么如果我把他改成false

<swiper vertical=‘false‘ indicator-dots=‘true‘ autoplay=‘true‘>

发现这个轮播图还是垂直方向轮播,为什么呢?true的反义词不就是false呢。这里的数据值需要的是个布尔值,‘false‘在js中并不是一个布尔值,而是一个字符串,字符串‘false‘表示的是true,所以这里的字符串true只是这样表示一下,如果我改成333

<swiper vertical=‘333‘ indicator-dots=‘true‘ autoplay=‘true‘>

发现也是可以垂直方向轮播的,说明他需要后面的是个布尔值

<swiper vertical=‘{{false}}‘ indicator-dots=‘true‘ autoplay=‘true‘>

改成这样就会变成水平方向轮播,为什么,因为后面返回的是false,不是‘false‘。如果这里设置成空字符串,判断依然是false,是水平方向轮播。所以养成这样一个习惯就能更容易理解

<swiper vertical=‘{{true}}‘ indicator-dots=‘{{true}}‘ autoplay=‘{{true}}‘>

这里返回的都是true,虽然写不写花括号都是表示的true,但是字符串‘true‘,小程序是经过一层转化的,转化成布尔true。写花括号直接返回的是true。便于理解

原文地址:https://www.cnblogs.com/wzndkj/p/11143699.html

时间: 2024-10-13 12:12:57

小程序数据绑定的拓展用法的相关文章

小程序开发-11-Promise正确用法与函数签名设计技巧

配置taBar "tabBar": { "selectedColor": "#000000", "backgroundColor": "#ffffff", "color": "#c7c7c7", "list": [ { "selectedIconPath": "/images/tab/classic@highlight

小程序数据绑定和setData

我们wxml没有直接调用数据的能力,我们的逻辑是通过js调用数据,再由js传递给wxml才能够显示出来.那么怎么由js传递给wxml? 首先我的js里面有这样一段代码 process: function(){ var date = 'Nov 18 2019'; }, 我需要将这个数据显示到wxml里面去.需要数据绑定,那么小程序里面的数据绑定是如何绑定到页面中的?我们只需要在data里面写上这个数据就可以数据绑定了. js data: { date: 'Nov 18 2019' }, wxml

微信小程序 数据绑定方式

与vue不同,在微信小程序中,js的数据和前端显示的数据是单数据流,也就是说,js里边的数据变了(通过setData),前端能立刻显示.但如果前端数据变了,js中的变量不能改变. 这个相比传统的前端已经算先进了. 传统的前端,即便是改变了js中的变量值,页面中的内容也不会变化,需要操作DOM来改变页面中的内容. 如果在小程序中,实现交互,可以通过绑定各种事件来进行. <block>标签并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性(主要用于配合wx:for.wx:

小程序查看器的用法.java

import java.awt.Graphics; import java.applet.Applet; public class C4_1 extends Applet {     int a=5;         double b=23.4;             public void paint(Graphics g)         {             g.drawString("a="+a,25,25);             g.drawString(&quo

小程序中代替v-html用法

使用wxparse 下载wxparse插件 第一步:在app.wxss中引入 @import "wxParse/wxParse.wxss"; 第二步:在使用的文件js中声明 let wxparse = require("../../../wxParse/wxParse.js"); 第三步: wxparse.wxParse('newDetailsNodes', 'html', that.data.newDetails.description, that, 5) 'ne

快速了解微信小程序的使用,一个根据小程序的框架开发的todos app

微信官方已经开放微信小程序的官方文档和开发者工具.前两天都是在看相关的新闻来了解小程序该如何开发,这两天官方的文档出来之后,赶紧翻看了几眼,重点了解了一下文档中框架与组件这两个部分,然后根据简易教程,做了一个常规的todo app.这个app基于微信小程序的平台,实现了todo app的常规功能,同时为了让它更接近实际的工作场景,也用到了loading与toast这两个组件来完成一些操作的交互与反馈.这个平台给我的直观感受是,技术层面,它跟vue有相似性,但是远没有vue强大:开发时候的思路,不

(转)快速了解微信小程序的使用,一个根据小程序的框架开发的todos app

微信官方已经开放微信小程序的官方文档和开发者工具.前两天都是在看相关的新闻来了解小程序该如何开发,这两天官方的文档出来之后,赶紧翻看了几眼,重点了解了一下文档中框架与组件这两个部分,然后根据简易教程,做了一个常规的todo app. 这个app基于微信小程序的平台,实现了todo app的常规功能,同时为了让它更接近实际的工作场景,也用到了loading与toast这两个组件来完成一些操作的交互与反馈. 这个平台给我的直观感受是,技术层面,它跟vue有相似性,但是远没有vue强大:开发时候的思路

Vant Weapp小程序蹲坑之使用checkbox组件

引子 checkbox-group及checkbox组件是开发小程序中频繁使用的组件,当然在vant weapp组件库中对应的分别是van-checkbox-group和van-checkbox.遗憾的是,官方提供的仅是组件在原生微信小程序框架下的用法,但我们所关注的是如何把这些组件改写到mpvue框架中.有关此二组件常用属性,在文后引用地址(官方)都有详细介绍,在此省略. 问题1:数据绑定与模板字符串问题 这个问题困绕了我很长时间,搜索网络,包括google英文搜索,几乎没有找到相应的答案.首

微信小程序-整理各种小程序源码和资料免费下载

微信小程序整理下载 [小程序源码]微信小程序-车源宝微信版 [小程序源码]小程序-微赞社区(论坛demo) [小程序源码]微信小程序-收支账单 [小程序工具]微信小程序-日历 [小程序源码]小程序-在线聊天功能 [小程序源码]微信小程序-大好商城(新增功能天气查询和2048游戏) [小程序源码]微信小程序-查询号码归属地 [小程序源码]微信小程序-备忘录2 [小程序源码]微信小程序-QQ音乐 [小程序源码]小程序-货币汇率 [小程序源码]微信小程序-大学图书馆 [小程序源码]小程序-积分商城 [