element-ui tab标签禁止切换
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
elementui Tab
Tab禁止切换
- 给el-tabs标签设置style=“pointer-events: none;”\
- 注意:每个el-tab-pane标签也要加上style="pointer-events: auto;"否则各个页面的所有鼠标事件都会失效
<el-tabs v-model="activeName" style="pointer-events: none;">
<el-tab-pane label="用户管理" name="first" style="pointer-events: auto;">用户管理</el-tab-pane>
<el-tab-pane label="系统管理" name="second" style="pointer-events: auto;">配置管理</el-tab-pane>
<el-tab-pane label="角色管理" name="third" style="pointer-events: auto;">角色管理</el-tab-pane>
</el-tabs>
tab跳转指定标签页
- HTML
<el-tabs v-model="activeName" tabPane="tabPane">
activeName: "first", // 定义数据,默认展示第一个
- JS
tabPane() {
if (xxx === "y") {
this.activeName = "second";
} else (xxxx === "y") {
this.activeName = "third";
}
},
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:1 个月前 )
c345bb45
5 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 5 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)