微信小程序中的细节

时间:2021-08-02
本文章向大家介绍微信小程序中的细节,主要包括微信小程序中的细节使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

1.  对象直接渲染 ,显示为[object Object]

2. 

checked=" {{false}}"
此写法 , 花括号右侧存在空格 ,默认显示勾选   

3.对象循环

默认index为   对象key值 , item为value值 , 不推荐此写法

<view  wx:for="{{person}}" >  

推荐写法  

 <view
        wx:for="{{person}}"      
        wx:for-item="value"
        wx:for-index="key"
        wx:key="age"
      >
wx:key 不写也行 , 不过会报警告

4.  样式display 会覆盖  hidden的隐藏功能 

5.   无法在小程序中直接传参

  <button bindtap="handTop(1)"> 

此写法微信小程序会将  ''handTop(1)'' 认为是函数名

  通过自定义属性的方式传参

正确写法:

<button bindtap="handTop" data-operation="1">

事件源中获取 自定义属性

handTop(e){
    console.log(e.currentTarget.dataset.operation)
}

input  是通过事件源来获取的:   e.detail.value

6.小程序中不支持通配符 * 

7.wxss的@import只支持相对路径导入

8.image标签  

  腾讯规定静态资源最多不能超过2M , 最好统一使用外网图片

原文地址:https://www.cnblogs.com/wxyblog/p/15040750.html