我是 mithril.js 的新手。我有一个 div,如果 ctrl.invalid()==true,我想添加类“无效”,如果 ctrl.hidden()==true,我想添加“隐藏”类。
如果我使用 m('div', {class: ctrl.invalid() ? 'invalid' : '', class: ctrl.hidden()? 'hidden' : ''})
,它们相互覆盖。
我可以用 m('div', {class: [ctrl.invalid()?'invalid':'', ctrl.focused()?'focused':''].join(' ')})
,它会工作,但它看起来很乱。
有没有一个优雅的解决方案?谢谢。
最佳答案
我建议您使用 classnames - 一个简单的实用程序。你可以用一种很好的方式定义你的类,它会为你合并所有的东西。在您的情况下,它将是:
const myMergedClasses = classNames({
invalid: ctrl.invalid(),
focused: ctrl.focused()
});
m('div', { class: myMergedClasses })
美丽的?!
关于Mithril.js 多个 css 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36520256/