• classnames
    • 示例代码

    classnames

    classnames 适用于 wxml 中,用于动态设置 class 的值。通过条件配置返回符合条件的字符串。

    示例代码

    1. classnames('foo', 'bar'); // => 'foo bar'
    2. classnames('foo', { bar: true }); // => 'foo bar'
    3. classnames({ foo: true }, { bar: true }); // => 'foo bar'
    4. classnames({ 'foo-bar': false }); // => 报错
    5. classnames({ foo: true, bar: true }); // => 'foo bar'
    6. classnames('foo', { bar: true, duck: false }, 'baz', { quux: true }); // => 'foo bar baz quux'
    7. classnames(null, false, 'bar', undefined, 0, 1, { baz: null }, ''); // => 'bar 1'

    提示

    • classnames 运行环境是在 wxml 中,在传入的是参数为对象时, key 用单引号 '' 包含,会报语法错误
    • wxml 中使用时,需要用 {{}} 包裹