applet-qs

用于支付宝小程序

支付宝小程序，组件可以互相调用

背景

现在的组件互相调用需要使用ref，使用applet-qs可以快速选取组件，跨层级也能直接选择，不用层层传递，不开启component2编译也能支持，解决老版本不支持ref的问题

安装

npm install --save applet-qs

api

总共就两个api

import { put, selector } from 'applet-qs';

使用

第一步，需要在组件上调用 put 方法，进行存放组件

import { put } from 'applet-qs';

Component(put({
  props: {},
  data: {},
  didMount() {},
  methods: {
    onRefresh() {
      console.log('调用到我了');
    },
  },
}));

第二步，需要在 .axml 渲染的地方使用 qsName 设置组件名

<page-loading onService="onService" qsName="page-loading" />

第三步，需要在使用组件的地方调用 selector 进行获取

import { selector } from 'applet-qs';

Component({
  props: {},
  data: {},
  methods: {
    onRefresh() {
      // 获取到第二步里面的qsName，然后调用 onRefresh 方法
      selector('page-loading').onRefresh();
    },
  },
});