我知道如何使用-var={}
渲染一个简单的菜单,并在其中添加值和名称但是对于我的工作流程,我想要一个类别菜单,其中包括电子,体育等类别,如果我选择运动,其他子类别菜单只显示不同的运动。我需要使用一个表单动态地执行它,并且值应该更改而不必按下提交按钮
但它只呈现一个菜单
-var selected=''
-var dic ={ 'Sports': 'Sports', 'Tech': 'Tech'};
select.custom-select
option(selected='') Open this select menu
for key,value in dic
option(value=key)=value
selected=value
if selected==='Sports'
select.custom-select
option(selected='') Open this select menu
option(value='1') football
option(value='2') cricet
if selected === 'Tech'
select.custom-select
option(selected='') Open this select menu
option(value='1') Mobile
option(value='2') Tablets
Pug不是为了进行动态(反应)页面渲染而设计的。它是不同JS库的域,例如Reactjs或Vuejs。 Pug是一个模板引擎,可以呈现您的HTML一次。