改变变量值,view显示没有改变,vue 双向数据绑定。
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论