codecamp

DOM操作

avm.js在提供数据绑定和状态管理驱动界面更新的基础上,同时支持document以及类似jquery方式使用$函数获取和操作真实DOM。

操作获取DOM元素

<template>  
    <view class='content'>
        <input id='num' type='number' autofocus/>
    </view>  
</template>  
<script>
    export default {  
        name: 'api-test',
        apiready(){
            var num = $('#num').value;
            // var num = document.getElementById('num').value;
            console.log('input value: ' + num);
        }
    }
</script>
<style>
    .content{
        height: 100px;
    }
</style>

获取DOM元素并调用组件API

<template>  
    <view class='content'>
        <list-view id='list' >
            <cell>
                <text>{item.title}</text>
            </cell>
        </list-view>
    </view>  
</template>  
<script>
    export default {  
        name: 'api-test',
        apiready(){
            var _data = ['一', '二', '三', '四'];
            var listview = $('#list');
            listview.load({
                data: _data
            });
        }
    }
</script>
<style>
    .content{
        height: 100px;
    }
</style>

其中,listview.load接口请参考list-view组件api文档。

原生模块
通用CSS
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }