美文网首页
Vue基础语法之v-if

Vue基础语法之v-if

作者: 最底层的技术渣 | 来源:发表于2019-05-16 22:39 被阅读0次

    1、js文件

    var vm = new Vue({
        el:"#app",
        data:{
            role:"super_admin",
        }
    });
    

    2、html文件

    <div id="app">
        <div v-if=" role == 'admin' || role == 'super_admin' ">您好;admin</div>
        <div v-else-if=" role == 'hr' ">您好:hr</div>
        <div v-else="">您无权访问</div>
    </div>
    

    3、效果展示


    4、代码对比


    相关文章

      网友评论

          本文标题:Vue基础语法之v-if

          本文链接:https://www.haomeiwen.com/subject/sewwaqtx.html