![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
组件库
文章平均质量分 66
尼克_张
好的代码像粥一样,是用时间熬出来的!
展开
-
封装element的分页组件
子组件强制更新父组件传过来的值, 父组件中需要使用sync使用时原创 2022-06-02 16:01:50 · 307 阅读 · 0 评论 -
熟练使用多行多列布局
项目中经常会用到多行多列布局,我们首先想到的就是结合flex布局,对于多行多列的布局要做到能到熟记于心,切记数量较少时写样式align-content: flex-start并且考虑当数量过多时显示滚动条,每个小盒子内的样式设置,这样可以大大提高开发效率。 <div class="container"> <div class="box" v-if="isShow"> <div class="content"> <div原创 2022-04-22 21:52:02 · 540 阅读 · 0 评论 -
扩展el-image组件
当使用element-ui时我们有时会感觉到组件的功能不够用,因此我们可能会想到修改源码,但是源码的修改只能对自己的项目有效,那伙伴们的怎么办呢?此时我们可以使用extends来修改源码~例如有一个需求是使用image的放大之后:1.当点到第一张和最后一张时不能再点击了;2.当点到第一张和最后一张时提示用户已经时第一张了和已经是最后一张了。当我们查看element-ui的image组件时发现它没有属性控制啥时不能点击,也不能控制点到第几张,此时我们最先想到的是查看源码。我们看到了一个image原创 2022-04-09 17:52:34 · 578 阅读 · 0 评论 -
基于element的树选择组件
<template> <div> <el-popover placement="bottom-start" :width="width" trigger="manual" v-model="isShowSelect" @hide="popoverHide" clearable > <el-tree class="common-tree"原创 2022-03-31 19:21:31 · 568 阅读 · 0 评论 -
封装element的table组件(含自动滚动并高亮显示)
element的表格是非常常用的组件,我们可以对它进行二次封装,方便我们在项目中更加简洁的使用。二次封装无外乎对同样的元素用for循环的形式表现,其次主要有以下几点:1.父组件通过props把值传给子组件,如果子组件想要更改props中的值的话,最好是让父组件去修改值,如果子组件改变的话可以使用sync。2.事件函数放在子组件中,子组件通过emit触发相应的事件,并传送对应的值给父组件去接收。3.slot插槽的使用,比如自定义的内容,父组件传递给子组件自定义的内容。4.全局注入组件,在main.js原创 2021-10-24 21:57:25 · 1849 阅读 · 0 评论