• 网站模板
  • 视频教程
  • 站长资讯
前端经验

关于vue插槽slot的用法及使用场景

vue的slot是用在组件中的,进行简单的理解,可以理解成通过slot将我们的组件变成像div一样的用法,如何使用完全看项目整体及自己的开发思路,下面看下代码,再说下我目前的使用场...

前端经验

vue获取组件中的数据值

需求是一个弹框,弹框内有大量内容,所以以组件的形式去完成,可以看下下图,图中有很多折叠面板,现每个折叠面板都是一个组件,并且有些面板下组件的数据需要提交。 此时需要...

前端经验

js点击下载图片

src需要注意,不同源情况下图片有跨域情况,需要后台开放权限,如果是前端本地图片可以动态获取地址 !DOCTYPE html html head meta charset = utf-8 title / title / head body a onclick = downCom() 下载图片...

前端经验

通过css实现div切角效果

通过css实现div切角效果,在实际项目中要实现以下视觉效果,看图片。 html div class = corner /div 1. 一个切角 思路:如果我们要得到有一个切角的元素,我们只需要使用一个径向渐变就可以...

前端经验

element表格去掉表头的实现方法

element表格去掉表头的实现方法,官网中提示用属性show-header,此值须接受布尔值,或使用动态变量实现动态控制。 el-table :data= tableData1 :span-method= arraySpanMethod border :show-header= false el-tabl...

前端经验

css设置table表格超出部分用省略号显示

主要设置两个样式: table{ table-layout: fixed; = = 固定布局的算法。在这种算法中,表格和列的宽度取决于col对象的宽度总和,假如没有指定,则会取决于第一行每个单元格的宽度。 假如表...

前端经验

table表格实现标题与内容左右分布

主要讲述table配合css实现标题在左侧,内容在右侧水平排序的方法,可适应不同宽度,下面实例加了不换行出省略号的方法,可以配合title属性或element的Tooltip 文字提示等去实现鼠标悬浮...

前端经验

Element为el-tree添加指示连接虚线

element的tree树结构默认是不带连接虚线的,但可以用自定义css实现指示连接虚线,先看一下效果图; 案例有两部分,数字可点击和正常element,此处旋转的三角可以使用css覆盖为图片,行...

前端经验

TypeScript语法中@emit的使用方法及注意事项

下面先说JS传统的this.$emit使用方法,然后对比TS的@emit方法便可一目了然,首先看this.$emit的使用方法。 this.$emit 算是父子通信的一种方法,作用为在子组件可以触发父级函数并且可以传...

前端经验

原生JS配置后台系统的导航路由

后台系统一般情况下不考虑SEO优化服务,仅作为数据填报及展示等,所以目前一般都使用前后端分离模式进行开发,像Vue、react等框架都可实现,但数据获取的过程不利于搜索引擎抓取...