根据您提供的代码,可以看出在选择框phoneType的选项变化时,根据选中的值进行条件判断,决定显示不同的标签页。默认已经显示1,但是还需要展示SoftPhonePanel。
要实现这一点,您可以添加一个初始状态检查,并手动触发phoneType的change事件来执行相关操作。具体代码如下:
// 添加初始状态检查并触发change事件
if (self.phoneType.getValue() === '1') {
let softPhoneTab = new Tab({
id: 'softPhone',
title: 'Soft Phone',
closable: false
}).addClass('top-softbar');
softPhoneTab.setContent(self.SoftPhonePanel);
self.tabSet.addTab(softPhoneTab);
self.SoftPhonePanel.show();
self.MakephoneCall.hide();
} else if (self.phoneType.getValue() === '2') {
let makePhoneTab = new Tab({
id: 'makePhone',
title: 'Make Phone',
closable: false
}).addClass('top-softbar');
makePhoneTab.setContent(self.MakephoneCall);
self.tabSet.addTab(makePhoneTab);
self.MakephoneCall.show();
self.SoftPhonePanel.hide();
}
// 手动触发change事件
self.phoneType.triggerChangeHandler();
通过添加初始状态检查并手动触发change事件,可以确保页面加载后正确显示SoftPhonePanel。
内容由零声教学AI助手提供,问题来源于学员提问




