![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
组件库
Best_卡卡
一天不掉发,心里就空空的
展开
-
vue element 多选el-table相关
el-table中选择框在分页的时候保持选中状态el-table 存在多选框时;当我们进行翻页或搜索,选中状态会重置处理:设置键row-key,值为每一项的唯一值设置 :reserve-selection=“true”<el-table :row-key='row => row.unicode'> <el-table-column type="selection" :reserve-selection="true"><el-table-column>原创 2022-04-30 19:03:45 · 626 阅读 · 0 评论 -
技术-积累
uniapp组件签名;promise.all使用;原创 2022-01-19 14:53:29 · 241 阅读 · 0 评论 -
基于饿了么的时间选择器当前时间之前的时间禁用(包括时分秒)
<el-form-item label="预约时间" prop="startTime"> <div style="width:2.2rem;display: inline-block;"> <el-date-picker v-model="ruleForm.startTime"原创 2020-11-12 17:42:46 · 1370 阅读 · 0 评论 -
基于vue的颜色插件(vColorPicker)
vColorPicker使用1、装包npm install vcolorpicker -S2、main.js导入// vue颜色插件import vcolorpicker from 'vcolorpicker'Vue.use(vcolorpicker)3、页面使用<colorPicker v-model="color" v-on:change="headleChangeColor"></colorPicker>// 解释:headleChangeColor是颜色原创 2020-12-23 16:10:27 · 3569 阅读 · 2 评论 -
每日一写(更改element-UI消息弹框$notify的样式修改问题)
element-UI消息弹框$notify的样式修改问题需求:发消息页面发送成功或者后进行消息弹出提示解决:使用element-ui的Notification 通知组件组件官网地址 this.post( '~~~~', data, (data) => { if (data.success == 'true') { // this.$message.success('您的消息已原创 2020-12-18 19:08:45 · 9015 阅读 · 3 评论 -
仿Element-UI组件封装系列2-button按钮组件
知识点(传参,这里对传参的其他方式进行了使用,也可以使用父子传参实现,可以看我之前的博客进行学习)$attrs(接收非prop的属性;如disabled属性)$listeners(接收事件监听)目标及要求说明按钮组件Element-button属性:参数说明类型可选值默认值type按钮类型stringprimary/success/warning/danger/info-disabled是否禁用boolean-false事件:原创 2020-10-29 22:46:19 · 754 阅读 · 0 评论 -
仿Element-UI组件封装系列1-alert组件
Alert组件提前准备好字体文件@font-face {font-family: "iconfont"; src: url('//at.alicdn.com/t/font_1699077_nnhvr47tsmd.eot?t=1584947660650'); /* IE9 */ src: url('//at.alicdn.com/t/font_1699077_nnhvr47tsmd.eot?t=1584947660650#iefix') format('embedded-opentype'), /原创 2020-10-25 22:47:11 · 811 阅读 · 0 评论 -
仿Element-UI组件封装起步3-vue-cli创建项目
目标:搭建一个用来开发,测试公共组件库的项目架子通过vuecli创建项目,这个项目创建的目的有三个:维护组件库(不是某个具体的业务项目哦,而是造轮子)本地测试组件库整体打包上传到npm使用脚手架工具创建项目命令:vue create XXXXX项目名尽量不要太大众(与别人重复),后期我们会把这个项目打包上传到npm上,如果你的名字与现有的包名重复,则无法上传。要点:vue2.0 + Babel + Router + Linter/Formatter + less? Pl原创 2020-10-25 22:33:33 · 173 阅读 · 0 评论 -
仿Element-UI组件封装起步2-vue公共组件的创建和使用
目标:以button按钮为例,学习如何封装(与具体项目无关的组件–vant)及使用公共组件知识点:Vue.component() – 定义全局组件Vue.use() – 使用插件全局组件和局部组件局部组件绝大多数vue项目就只有一个实例(new Vue()只运行一次),即:一个项目就只有一个vue实例我们前面写组件一般都是直接写在vue实例中的,也就是局部组件这个组件不能在另一个项目中使用(复制粘贴代码不算哈)。典型使用格式:import XXX fro原创 2020-10-25 22:25:40 · 356 阅读 · 0 评论 -
仿Element-UI组件封装起步1-介绍
组件库封装基本介绍目标:( 造轮子)自己动手封装一个公共组件库(我们自己的element-ui, vant)放置在npm上,其它用户通过 npm i yourUIName 来下载安装使用组件 。意义:更加深入地学习vue组件相关的知识组件之间数据共享, 事件,props,插槽…Vue.component(), render()如何开发Vue的插件: Vue.use()学会封装一个公共组件库,打包,发布到npm,迭代开发…有利于提高竞争力学习内容:Vue.use()用v原创 2020-10-25 22:18:30 · 176 阅读 · 0 评论