vue组件封装
_潮汐海灵_
开通博客主要还是记录自己平时遇到的一些问题,因为有些问题自己也不是深入了解,欢迎相互探讨,与君共勉~
展开
-
vue 动态控制button按钮颜色及内容
需求 —根据后端数据,动态渲染button按钮个数,且分为两种不同类型按钮(断开、闭合)dom部分 <el-table-column label="控制"> <template slot-scope="scoped"> <el-dropdown> <span class="el-dropdown-link"> 点击操作原创 2020-11-19 13:35:53 · 6390 阅读 · 0 评论 -
select组件选中后获取当前值对应的对象信息
需求-----选中角色后,在input框中显示,同时需要获取该用户的基本信息对象data () { return { receiveUser:{ }, userList:[ ] }}组件使用 <el-select v-model="receiveUser" placeholder="请选择" clearable value-key="userId" @change=原创 2020-10-15 10:15:22 · 2679 阅读 · 0 评论 -
element switch 滑块文件中间显示(转载)
别人写的很详细了,就不画蛇添足了转载地址:https://blog.csdn.net/yh8899abc/article/details/106360814?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2allsobaiduend~default-2-106360814.nonecase&utm_term=switch%20vue%20%E6%B7%BB%E5%8A%A0%E6%96%87%E5%AD%97&转载 2020-09-30 16:15:56 · 288 阅读 · 0 评论 -
element NavMenu侧边栏导航栏突出问题
使用组件库中的 NavMenu布局后,导航栏右侧会有部分突出只需要去除右侧边框就可以了 .el-menu { border-right: none; }原创 2020-09-29 11:24:06 · 1233 阅读 · 0 评论 -
element进度条动态进度值问题
percentage属性值定死的状态 <el-progress :percentage="80" :format="format" :color="customColors" ></el-progress>percentage动态变化(加入了运算) <原创 2020-09-23 10:10:13 · 7572 阅读 · 0 评论 -
element中的tag标签组件可移除功能bug
文档描述:设置closable属性可以定义一个标签是否可移除。默认的标签移除时会附带渐变动画,如果不想使用,可以设置disable-transitions属性,它接受一个Boolean,true 为关闭。然而组件中添加closable属性后,仍无法移除响应tag解决:绑定handleClose事件 <el-tag v-for="tag in selected" :key="tag"原创 2020-08-28 11:09:12 · 5654 阅读 · 2 评论 -
element二次封装时间选择器组件(转载)
此为转载群友内容作者----亦然Dir链接----https://www.jianshu.com/p/d4c57cd2af17转载 2020-08-20 13:47:11 · 421 阅读 · 0 评论 -
select组件的二次封装
封装后的select.vue组件代码<template> <div> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in initNewOption" :key="item.value" :label="item.label" :原创 2020-08-08 15:40:26 · 792 阅读 · 0 评论