最近搜索

关于 小程序 的组件 的使用方法 。

浏览:176
管理员 2024-02-03 08:42



组件向父组件 调用 方法  并且  传送参数  

<w-logins wx:if="{{show_login}}"  state="3" bind:user_login_success="user_login_success"  bind:login_win_close="login_win_close"   /> 



    close_login_model() {
      //向父组件 发送关闭窗口事件。
      var obj= {};
      obj.id=34;
      obj.name="234";
      this.triggerEvent('login_win_close', obj, {})
    },
    
    
    父组件调用的方法 
      login_win_close(e){
    console.log(e);   
    这里通过e.detail.id  e.detail.name 可以获取。
  },



组件接受参数。


  /**
   * 组件的属性列表
   */
  properties: {
    state: {
      type: Number,
      value: 0
    }
  },

  /**
   * 组件的属性列表
   */
  properties: {
    nav_list: {
      type: Array,
      value: []
    } ,
    nav_head: {
      type: Object,
      value: {}
    }
  },

type还有一个String



组件的生命周期

Component({
  lifetimes: {
    attached: function() {
      // 在组件实例进入页面节点树时执行
      console.log("在组件实例进入页面节点树时执行")
    },
    detached: function() {
      // 在组件实例被从页面节点树移除时执行
      console.log("在组件实例被从页面节点树移除时执行")
    },
  },
  /**
   * 组件的属性列表
   */
  properties: {
    nav_list: {
      type: Array,
      value: []
    } ,
    nav_head: {
      type: Object,
      value: {}
    }
  },



组件也可以调用 我们写的api  也可以使用wx_login



联系站长

站长微信:xiaomao0055

站长QQ:14496453