VUE控制指令（v-if v-else-if v-else）
HTML页面 ↓
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>VUE控制指令</title>
</head>
<body>
<div id="app">
<div v-if="role == 'admin'">
欢迎回来管理员
</div>
<div v-else-if="role == 'hr'">
待查看简历列表
</div>
<div v-else>
您没有权限访问
</div>
</div>
<script src="https://cdn.bootcss.com/vue/2.6.11/vue.js"></script>
<script src="index.js"></script>
</body>
</html>
JS页面↓
var app = new Vue({
el: '#app',
data: {
role: "admin"
}
})
来源：CSDN
作者：吃瓜的阳大王
链接：https://blog.csdn.net/qq_44822110/article/details/104759532