小程序开发当中的数据绑定和事件绑定
创始人
2024-04-04 20:32:44
0

数据绑定

1.主要运用mastache数据绑定方法

mustache的运用场景

 

例如说要实现上述功能

 那么就要用到页面文件当中的index.js,在文件当中有一个重要的配置项就是page({ data:  })来配置数据等等的数据了

上代码:

list/list.js

{{name}}

{image}}" mode="widthFix"/>
{{randomMath1>5?"laozhichi":"liulijuan"}}

{{randomMath2*100}}

list/list.wxml

Page({/*** 页面的初始数据*/data: {name:"laozhichi",image:"/pages/image/wechat.jpg",randomMath1:Math.random()*10 , //在这里表示生成0~10之间的任意一个整数randomMath2:Math.random().toFixed(2)}
})

注意在view当中引入图片路径等数据的时候,要使用v-bind或者我们传统上的冒号,但是在小程序开发当中直接使用{{src}}直接引入路径 

事件绑定

1.什么是事件

 2.小程序当中的常见事件

3.事件对象的属性集合

 4.target和currentTarget的区别

5.要实现以下功能

 代码

list/list.js

    btnFunction(e){console.log(e);}

list/list.wxml

最后控制台输出

 

相关内容

热门资讯

监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播,要解决的几个问题是:1&...
Windows10添加群晖磁盘... 在使用群晖NAS时,我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。 通过...
protocol buffer... 目录 目录 什么是protocol buffer 1.protobuf 1.1安装  1.2使用...
在Word、WPS中插入AxM... 引言 我最近需要写一些文章,在排版时发现AxMath插入的公式竟然会导致行间距异常&#...
Fluent中创建监测点 1 概述某些仿真问题,需要创建监测点,用于获取空间定点的数据࿰...
educoder数据结构与算法...                                                   ...
MySQL下载和安装(Wind... 前言:刚换了一台电脑,里面所有东西都需要重新配置,习惯了所...
MFC文件操作  MFC提供了一个文件操作的基类CFile,这个类提供了一个没有缓存的二进制格式的磁盘...
有效的括号 一、题目 给定一个只包括 '(',')','{','}'...
【PdgCntEditor】解... 一、问题背景 大部分的图书对应的PDF,目录中的页码并非PDF中直接索引的页码...