初学微信小程序
2020-08-04 20:40
218 查看
微信小程序 笔记
首先是对微信小程序目录文件理解
-
pages:项目开发目录
pages里面每一个文件夹都是一个完整的小程序页面,
其中内含四个部分
分别有
xxx.wxml:模板页面
wxss:页面样式相当于css
xxx.js
xxx.json:页面的配置 -
utils:存放工具函数方法
-
app.js:小程序的入口文件
-
app.json:小程序的全局配置
-
app.wxss:小程序的全局样式
今天dotolist练习
在wxml文件里
//页面之间的传值 //自定义属性传值 data-index ="{{ index }}" <view wx:for="{{list}}" wx:key="index"> <text>{{ index+1 }}----{{ item.txt }}</text> <button size="mini" bindtap="del" data-index="{{ index}}" >删除</button> </view>
在js文件里
//使用e.currentTarget.dataset接收数据 del(e){ let { index } = e.currentTarget.dataset console.log(e.currentTarget) this.data.list.splice(index,1) this.setData({ list:this.data.list }) },
相关文章推荐
- 微信小程序(初学篇)——仿美团外卖
- 初学微信小程序
- 微信小程序初学一周
- 微信小程序(初学篇)——仿美团外卖
- 微信小程序初学
- 微信小程序(初学篇)——仿美团外卖
- 微信小程序可能用到的基础组件或功能一(本期导航栏、轮播,献给初学的小伙伴们,用于快速掌握)
- 微信小程序初学
- 怎么免费注册微信小程序-微信小程序开发-视频教程1
- 微信小程序wx.getImageInfo()如何获取图片信息
- 微信小程序 使用include导入wxml文件注意的问题
- wepy微信小程序框架和wept第三方小程序开发工具
- 微信小程序页面跳转三种方式
- 基于Node.js+MySQL开发的开源微信小程序B2C商城(页面高仿网易严选)
- 微信小程序之Data当前日期坑
- 微信小程序使用for循环动态渲染页面操作示例
- 安卓App微信小程序自动化测试(解决方案)
- 微信小程序开发环境搭建
- 编写微信小程序时出现的错误
- 【微信小程序】:客服消息教程