关于微信小程序的一些tips

116 阅读1分钟

1.表单input组件: input:需要随着用户输入拿到输入的值,可以给input绑定事件

image.png 通过事件对象里的event.detail.value(实时同步)

input 也接受一个属性 value={{}} 绑定输入框初始值,每次添加好了清空

image.png

2,事件传参不能通过vue那样传,需要自定义属性

<view data-username="hurqing" bindtap="tapName"> Click me! </view>
  tapName: function(event) {
    // 小程序事件不能像vue那样传参,只能通过自定义属性来传参
    let username = event.target.dataset.username;
    console.log(username);
  },

注意:如果是删除,增加等,需要重新调用下this.setData({}),让视图更新

3.微信小程序的wxs脚本语法:里面不能写es6写法

image.png

image.png 基本用来处理数据

4.(1)小程序没有跨域限制 (2)每个微信小程序需要事先设置通讯域名,小程序只可以跟指定的域名进行网络通信(开发管理-开发设置) (3)https

5.swiper有个默认高度,需要根据设计稿设计rpx单位,动态高度,不然有问题