Onsen-ui 添加新标签到ons-tabbar

Question

我正在为我的应用使用温泉 ui。

 <ons-tabbar position="top" animation="fade" id="tabsLayout">

 </ons-tabbar>

是否可以使用 javascript 添加选项卡项？

Answer 1

是的，效果很好。只需将其附加到具有 class 名称 "tab-bar" 的元素，并且不要忘记在元素上添加运行 ons.compile()：

var $tab = $('<ons-tab page="home.html" label="Label" active="true"></ons-tab>');
$('.tab-bar').append($tab);
ons.compile($tab[0]);

我使用 jQuery 来更轻松地创建元素。如果您不使用 jQuery.

，您当然可以使用 document.createElement() 和 el.appendChild()

Onsen-ui add new tab to ons-tabbar