仿照发布列表到详情页的例子，传递数据到子页失败

打算点击按钮，就将对应的数字传到子页中去。例如。渲染出来的第一个div中，点击按钮，就将数字“123”传到子页中去显示出来。第二个div，点击按钮，就将"456"传到子页中去显示出来。

但发现现在无论点击哪个div的按钮，都只是将“123”传递出去， 并不能做到对应按钮传递对应数字的功能。

新手上路，求各位指导。

father.html:

<div class="mui-content" id="father">  
  <div v-for="item in items">  
    <h1 id="text">这里是father.html</h1>  
     <span id="text2">{{item.a}}</span>  
  <div>  
     <button>{{item.go}}</button>  
  </div>  
</div>  

<script type="text/javascript">  
            mui.init();  

            var webview_son = null; //详情页webview  
            var titleNView = { //详情页原生导航配置  
                backgroundColor: '#f7f7f7', //导航栏背景色  
                titleText: '', //导航栏标题  
                titleColor: '#000000', //文字颜色  
                type: 'transparent', //透明渐变样式  
                autoBackButton: true, //自动绘制返回箭头  
                splitLine: { //底部分割线  
                    color: '#cccccc'  
                }  
            }  

            mui.plusReady(function() {  
                webview_son = mui.preload({  
                    url: 'son.html',  
                    id: 'son.html',  
                    styles: {  
                        "render":"always",  
                        "popGesture": "hide",  
                        "bounce": "vertical",  
                        "bounceBackground": "#efeff4",  
                        "titleNView": titleNView  
                    }  
                })  
            })  

            var father = new Vue({  
                el: '#father',  
                data: {  
                    items:[  
                        {"a": '123',"go": "点击进入son.html"},  
                        {"a": '456',"go": "点击进入son.html"},  
                        {"a": '789',"go": "点击进入son.html"}  
                    ]  
                }  
            })  

            mui('.mui-content').on('tap', 'button',function() {  
                var text = document.getElementById("text2").innerHTML.trim();  
                open_son(text);  
            });  

            function open_son(text) {  
                if(!webview_son) {  
                    setTimeout(function() {  
                        open_son(text);  
                    }, 100);  
                }  

                mui.fire(webview_son, 'get_son', {  
                    text: text  
                });  

                setTimeout(function () {  
                    webview_son.show("slide-in-right", 300);  
                },150);  
            }  
</script>

son.html:

<div class="mui-content">  
            <p>这是son.html</p>  

            <span>{{sonText}}</span>  
        </div>  

<script type="text/javascript">  
            mui.init();  

            function getDefaultData() {  
                return {  
                    sonText: ''  
                }  
            }  

            var vm = new Vue ({  
                el: '.mui-content',  
                data: getDefaultData(),  
                methods: {  
                    resetData: function() {//重置数据  
                        Object.assign(this.$data, getDefaultData());  
                    }  
                }  
            })  

            mui.plusReady(function() {  
                var localId = plus.webview.currentWebview().id;  

                document.addEventListener('get_son', function(event) {  
                    vm.sonText = event.detail.text;  
                })  
            });  

            mui.back = function() {  
                plus.webview.currentWebview().hide("auto", 300);  
                //动画结束后，恢复默认值  
                setTimeout(function() {  
                    window.scrollTo(0, 0);  
                    vm.resetData();  
                }, 300);  
            }  
</script>