改变变量值,view显示没有改变,vue 双向数据绑定。

发布于 2022-09-04 02:04:39 字数 2215 浏览 25 评论 0

vue双向数据绑定,初始化的时候获取数据,并在html里显示了。但是在监听事件后改变变量的值,没有在html里改变?为什么?
------------------html-----------------

    <div id="slider" class="mui-slider mui-fullscreen">
                    <!--切换tab-->
                    <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
                        <div class="mui-scroll nav-tab" id="nav-event">
                            <a class="mui-control-item mui-active nav-a-tab" href="#heatSource" id="appSource" v-text="tabAppSource">
                                热源厂
                            </a>
                            <a class="mui-control-item" href="#heatTransfer" id="appHeatStation" v-text="tabAppHeatStation">
                                换热站
                            </a>
                            <a class="mui-control-item" href="#heatSupply" id="appPipe" v-text="tabHeatSupply">
                                供热管网
                            </a>
                            <a class="mui-control-item" href="#encironmental" id="appDevice" v-text="tabAppDevice">
                                环保监测
                            </a>
                        </div>
                    </div>
    </div>

------------------JS------------------------------

(function($) {
    //获取返回json数据
    var menus=monitorUtil.initTabName();//返回json对象
    alert("app:"+menus.appDeviceName);
    new Vue({
            el: "#slider",
            data: {
                tabAppSource: menus.appSourceName,
                tabAppHeatStation: menus.appHeatStationName,
                tabHeatSupply: menus.appHeatSupplyName,
                tabAppDevice: menus.appDeviceName
                }
        });
        
    //省略其他代码....
    
    window.addEventListener("loginOn",function(event){
        var isLogin=event.detail.login;
        if(isLogin=='loginOn'){
            alert("success");
            menus=monitorUtil.initTabName();//监听自定义事件,调用initTabName方法,返回新的json值。这里menus值改变了,根据双向数据绑定,页面里显示不是应该也随着改变吗
        }
    });

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文