lain


mip menyediakan beberapa fungsi untuk menyelesaikan pelbagai masalah yang dihadapi dalam komponen dan meningkatkan kecekapan pembangunan.

prerenderElement

Render elemen mip terlebih dahulu.

Jika elemen tiada dalam viewport, paksa kaedah viewportCallback firstInviewCallback elemen untuk dicetuskan.

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

event-action

Kod JS tambahan tidak dibenarkan kerana mip. Oleh itu, satu set mekanisme tindakan peristiwa disediakan, yang boleh mencetuskan peristiwa tersuai bagi elemen mip tertentu melalui atribut 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;
});