if与switch判断

1.9.0 新增

if 判断

b-if 可以单独使用,b-eles-if, b-else 不能,且必须跟 b-if 在同一层级。


<!-- 支持 -->
<div b-if="(pages.role=='admin')">admin</div>

<!-- 支持 -->
<div b-if="(pages.role=='admin')">admin</div>
<div b-else-if="(pages.role=='manager')">manager</div>
<div b-else-if="(pages.role=='vip')">vip</div>
<div b-else>guest</div>

<!-- 支持 -->
<div b-if="(pages.role=='admin')">admin</div>
<div b-else>guest</div>
loader.define(function(require,exports,module,global){

    var bs = bui.store({
        data: {
            role:"admin"
        }
    })

    return bs;
})

具体示例查看:demo

switch 判断

b-switch 与 b-case, b-default 都不能单独使用,跟if的区别,在于结构是包含关系。


<!-- 支持 -->
<div b-switch="(pages.role)">
    <div b-case="admin">admin</div>
    <div b-case="manager">manager</div>
    <div b-case="vip">vip</div>
    <div b-default>guest</div>
</div>
loader.define(function(require,exports,module,global){

    var bs = bui.store({
        data: {
            role:"admin"
        }
    })

    return bs;
})

具体示例查看:demo

Copyright ©2017-2022 easybui.com all right reserved,powered by Gitbook该文件修订时间: 2023-11-23 14:05:31

results matching ""

    No results matching ""