다른

mip은 구성 요소에서 발생하는 다양한 문제를 해결하고 개발 효율성을 향상시키는 몇 가지 기능을 제공합니다.

prerenderElement

미프 요소를 미리 렌더링하세요.

요소가 뷰포트에 없으면 요소의 viewportCallback firstInviewCallback 메서드가 강제로 트리거됩니다.

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

event-action

Mip으로 인해 추가 JS 코드는 허용되지 않습니다. 따라서 dom 속성을 통해 특정 mip 요소의 사용자 정의 이벤트를 트리거할 수 있는 일련의 이벤트 작업 메커니즘이 제공됩니다.

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;
});