如何解决如何保持 ember bootstrap 手风琴默认展开?
我应该传递什么属性来保持引导手风琴打开。
<BsAccordion as |acc|>
<acc.item @value=import { Provider } from "next-auth/client";
import { Provider as ReduxProvider } from "react-redux";
function MyApp({ Component,pageProps }) {
return (
<ReduxProvider {/* whatever props go here */}>
<Provider
options={{
clientMaxAge: 0,keepAlive: 0,}}
session={pageProps.session}
>
<Component {...pageProps} />
</Provider>
</>
);
}
@title="First item">
<p>Lorem ipsum...</p>
<button {{on "click" (fn acc.change 2)}}>
Next
</button>
</acc.item>
<acc.item @value={{2}} @title="Second item">
<p>Lorem ipsum...</p>
</acc.item>
<acc.item @value=Developer docs for .preferredColorScheme()
@title="Third item">
<p>Lorem ipsum...</p>
</acc.item>
</BsAccordion>
解决方法
Ember Bootstrap 提供的
<BsAccordion>
组件有一个 @selected
argument。 AccordionItem
参数与 @value
参数匹配,@selected
参数将打开。
上面给出的示例将显示标题为“Second item”的项目为打开状态。
<BsAccordion @selected={{2}} as |ac|>
<acc.item @value=@selected
@title="First item">
<p>Lorem ipsum...</p>
</acc.item>
<acc.item @value={{2}} @title="Second item">
<p>Lorem ipsum...</p>
</acc.item>
<acc.item @value=@onChange
event @title="Third item">
<p>Lorem ipsum...</p>
</acc.item>
</BsAccordion>
请注意,这不会阻止用户更改当前打开的项目。这样做可以通过重置 https://github.com/microsoft/HealthBotContainerSample/blob/master/public/index.js 中的 dl.postActivity({
type: "invoke",value: {
trigger: "covid19"
},locale: 'en-US',from: user,name: "TriggerScenario"
})
来实现。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。