小程序微信小程序开发基础(1)微信小程序开发文档 https://mp.weixin.qq.com/debug/wxadoc/dev/ 设置入口文件 { "pages": [ "src/pages/index/index" ] } 自动生成目录 在pages下新建一个文件夹(a1),然后在app.json中写入此入口文件,编译即可在文件夹(a1)自动生成文件 数据的绑定 wxml(vie作者王明昌发布时间2018-02-10最后更新2018-02-10文章目录微信小程序开发文档设置入口文件自动生成目录数据的绑定事件设置渲染模版(继承)微信小程序开发文档https://mp.weixin.qq.com/debug/wxadoc/dev/设置入口文件复制{ "pages": [ "src/pages/index/index" ] }自动生成目录 在pages下新建一个文件夹(a1),然后在app.json中写入此入口文件,编译即可在文件夹(a1)自动生成文件 数据的绑定 wxml(view)中使用 {{text}} js中定义 复制data: { text:"我是内容" },事件设置 效果:点击按钮,切换文字 wxml 复制{{text1}} bindtap="btnClick">{{btn}} js 复制// pages/firstpage/first.js Page({ /** * 页面的初始数据 */ data: { text1:"我是内容", btn:"按钮" }, btnClick: function() { this.setData({text1:"这是新的内容"}) } }) 渲染 条件标签:wx:if="{{true}}" true:显示 false:不显示 复制{{text1}}1复制{{text1}}2 实现取反功能 wxml 复制{{text1}} js 复制data: { text1:"我是内容", btn:"按钮", show:true, },复制btnClick: function() { var isShow = this.data.show; this.setData({ text1: "这是新的内容" ,show:!isShow}) } 循环标签wx:for="{{news}}" wxml 复制 {{index}}-{{item}}//前面是索引,后面是值 js 复制date:{ news: ['aa', 'bb', 'cc'], } 动态删除第一个值 复制btnClick: function() { var newsData = this.data.news newsData.shift(); var isShow = this.data.show; this.setData({ text1: "这是新的内容" ,show:!isShow,news:newsData}) } 模版(继承) 1.继承整个模版 建立模版文件 目录(随意):pages--templates-header.wxml 继承模版文件(注意后面的/) 复制 2.继承部分模板 目录(随意):pages--templates-footerr.wxml 复制 我是footer1 我是footer2 继承模版文件(注意后面的/) 复制 导入时自定义数据 复制 复制
2018-12-09小程序 | 在首页判断是否登录并跳转到登陆界面login //index.js import { config } from '../../config.js' Page({ /** * 页面的初始数据 */ data: { //判断小程序的AP
2019-07-22小程序判断是否包含某个字符(数组和字符串)console.log(['x', 'a'].indexOf('a')); // 1 console.log('dbac'.indexOf('aa')); // -1
2018-12-09小程序 | 在首页判断是否登录并登陆执行index.wxml //其他业务 我知道了 index.js import { config } from '../../config.js' // pages/index/index.js Pag
2018-10-07小程序组件 | mask遮罩层组件定义组件 wxml: wxss .container{ background-color: #000; position: fixed; top: 0; opacity: 0.6; width: 10
2018-12-09微信小程序 form表单input变化时自动搜索index.wxml 搜索 取消 index.js inputTyping: function (e) { var title = e.detail.value; console.log(e) //
2018-12-09小程序 | 小程序中使用关注公众号功能实现在小程序中显示公众号,点击后进行关注 使用组件 使用说明 使用组件前,需前往小程序后台,在“设置”->“接口设置”->“公众号关注组件”中设置要展示的公众号。 注:设置的公众号需与小程序主体一致。