autre

mip fournit quelques fonctions pour résoudre divers problèmes rencontrés dans les composants et améliorer l'efficacité du développement.

prerenderElement

Rendu les éléments MIP à l'avance.

Si l'élément n'est pas dans la fenêtre, forcez le déclenchement de la méthode viewportCallback firstInviewCallback de l'élément.

var element = document.getElementById('mip-test');
MIP.prerenderElement(element);

event-action

Le code JS supplémentaire n'est pas autorisé en raison de MIP. Par conséquent, un ensemble de mécanismes d'action d'événement est fourni, qui peut déclencher un événement personnalisé d'un certain élément mip via l'attribut dom.

html:

<mip-test id="test"></mip-test>

<div on="tap:test.custom_event">不带参数</div>

<div on="tap:test.custom_event(test_button)">带参数</div>

<div on="tap:test.custom_event(test_button) tap:test.custom_event(test_button1)">多个事件</div>

JS:

// mip-test.js
define(function (require) {
    var customEle = require('customElement').create();
    customEle.prototype.build = function () {
        // 绑定事件，其它元素可通过 on="xxx" 触发
        this.addEventAction("custom_event", function (event/* 对应的事件对象 */, str /* 事件参数 */) {
            console.log(str); // undefined or 'test_button' or 'test_button1'
        });
    };
    return customEle;
});