您现在的位置是：网站首页> 编程资料编程资料
vue如何给element-ui中的el-tabs动态设置label属性_vue.js_
2023-05-24
387人已围观
简介 vue如何给element-ui中的el-tabs动态设置label属性_vue.js_
给element-ui中的el-tabs动态设置label属性
效果：
代码：
用户管理 配置管理 角色管理 定时任务补偿
关于element-ui-tabs标签的基本使用
// v-model="activeName" activeName 与 用户管理 配置管理 角色管理 标签中的name属性的值相互绑定，绑定上的值为页面默认展示的项 // label 为展示在页面的标签名 // @tab-click="handleClick" tab 被选中时触发，activeName 的值也会随之更改，返回值为 name // 点击对应标签内容的显示写在 标签中
此标签作用类似于导航栏，设置完导航栏标题和对应属性后，把想要展示的其他页面标签写入
以上为个人经验，希望能给大家一个参考，也希望大家多多支持。
您可能感兴趣的文章:
相关内容
- vue-element-admin关闭eslint的校验方式_vue.js_
- JS前端中的设计模式和使用场景示例详解_JavaScript_
- vue中如何更改element-ui主题色_vue.js_
- JS前端设计模式之发布订阅模式详解_JavaScript_
- Vue中的项目打包及部署全流程_vue.js_
- JS作用域作用链及this使用原理详解_JavaScript_
- Vue+Echarts报错Cannot set properties of undefined (setting ‘plate‘)_vue.js_
- Vue中的echarts图表如何实现loading效果_vue.js_
- vue中的任务队列和异步更新策略(任务队列,微任务,宏任务)_vue.js_
- Vue3中slot插槽基本使用_vue.js_
