微信小程序中的部分知识点总结:

微信小程序中的部分知识点总结:,第1张

一、请求

wx.request({
      url: 'https://api.it120.cc/small4/banner/list', // 接口的地址
      method: 'GET', // 请求方式
      data: '',// 请求参数
      success: res=>{
        // res -- 就是后台返回的值
      }
    })

//不在以下 request 合法域名列表中 -- 点击右上角详情--勾选不校验合法域名

二、加载动画

开启:

    wx.showLoading({
           title: '' // 提示的文字
       })
       
 关闭:
    wx.hideLoading()

三、数据

请求返回的数据想要在页面渲染:

首先在当前index页面的index.js中data内定义一个变量

使用

this.setData({},res=>{})

四、内置组件(就是那些标签)

swiper---轮播图   swiper-item

view--块级盒子

button--按钮

input--输入框

image--图片

block--不会渲染成标签的那个

rich-text--富文本

text--文本

navigator--声明式导航

radio--单选

scroll-view----滚动盒子

icon--图标

五、配置

tabbar

navigationBar

六、组件

1.新建组件

在小程序项的根录目内--新建一个文件夹(用来放置所有的组件)--在该文件夹下  新建文件夹(放置组件的)---该文件夹点击右键---产检components--输入组件名字

2.引入组件

(1) 局部的:需要使用组件的页面 - json文件内 -- usingComponents: {
        "自定义的名称": '路径'
    }
    在页面内就可以像标签一样使用。自定义的名称
    
(2)全局引入: app.json内 引入 
    usingComponents: {
        "自定义的名称": '路径'
    }

3.组件之间的通讯

小程序的组件通讯: 三种
1. 父传子
        (1)在父组件中,子组件(mycom)的标签上 自定义属性
                
        (2)在子组件的js文件内,properties: 
        {
                    num:null,
                    a: null
        }
        
            接收的变量就可以像data内的变量一样使用了
        
        
        
2. 子传父
        
        (1)子组件js中在需要传递的地方
                this.triggerEvent('自定义事件名',{detail对象})
        
        (2)父组件 子组件的标签上 (父组件的wxml内)
        
            
            
            父组件js内 
            bbb(e){
                e.detail 接可以拿到 {detail对象}
            }
3.3. 获取实例的方式 selectComponent

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1321475.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-06-12
下一篇2022-06-12

发表评论

登录后才能评论

评论列表(0条)

    保存