<页面>
    <区块 行内样式="外边距: 0px 15px">
        <下拉菜单 :下拉数据="数据层.下拉菜单数据1" @绑定事件_触发改变="方法层.下拉菜单内容改变" 双向数据绑定:已选择数据值="数据层.选中菜单1"></下拉菜单>
        <下拉菜单 :下拉数据="数据层.下拉菜单数据2" @绑定事件_触发改变="方法层.下拉菜单内容改变" 双向数据绑定:已选择数据值="数据层.选中菜单2"></下拉菜单>
    </区块>
</页面>
<脚本>
    局部变量 数据层 = {
        //所有的页面数据,请在本处定义
        下拉菜单数据1: [
            { "value": "篮球", "text": "篮球" },
            { "value": "足球" , "text": "足球" },
            { "value": "羽毛球", "text": "羽毛球" }
        ],
        选中菜单1: 0,
        下拉菜单数据2: [
            { "value": "1", "text": "1" },
            { "value": "11" , "text": "11" },
            { "value": "111", "text": "111" }
        ],
        选中菜单2: 0,
    };
</脚本>
<脚本>
    局部变量 方法层 = {
        //所有页面方法,请在本处定义
        下拉菜单内容改变(参数) {
            调试输出(参数)
            调试输出(数据层.选中菜单1);  // 永远是 0
            调试输出(数据层.选中菜单2);  // 永远是 0
        }
    };
</脚本>