
vue
高叫瘦
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue组件定制——动态查询规则生成组件
1. 动态查询规则动态查询规则,大致如下图所示。是可以按照用户的自定义进行组织查询语句的一种复杂组件,大致可以实现SQL查询的where条件,下面是摘自mongodb的某一软件。2.组件构建思路按照规则组件的组织形式,可以把其视为一棵树,有树干和树叶,这样看起来就不难了。2.1 组件html这里采用ElementUI构建,因此可以方便的组合各类ui控件来进行构建需要的界面。当然该组件既然被看作树,因此其也是个递归组件,因此还涉及到自己调用自己。<template> <d原创 2022-04-24 15:35:55 · 4912 阅读 · 23 评论 -
vue+element el-checkbox 选中一个全部都被选中
例如:点击一个即所有的多选框都选中了,出现的情况有以下几种;第一种情况:v-model 绑定的值应该是数组的形式,结果写成了字符串的形式。第二种情况:没有写label值原创 2021-12-21 11:22:19 · 2395 阅读 · 2 评论 -
让element-ui 的el-upload组件能够上传文件夹
用vue + element-ui中的el-dropdown组件,实现上传文件或者文件夹效果图如下:当点击上传按钮部分的时候,默认是“上传文件”,当鼠标悬停到右边的下拉菜单,可选择“上传文件”或“文件夹”,通过点击不同的菜单项,确定是否在input上添加webkitdirectory属性。如图实现了使用同一个上传弹框组件,让用户既可以选择上传单个文件,也可以选择上传文件夹...原创 2021-03-31 18:31:46 · 8392 阅读 · 2 评论 -
处理 elementUI 中表格多选框禁用问题
处理 elementUI 中表格多选框禁用问题在 el-table-column type 类型为 selection 组件中,添加 :selectable='方法名’<el-table :data="tableData" v-loading="loading" max-height="570" stripe :header-cell-style="headerStyle" @selection-change="handleSelectionLeftChange"> <el-ta原创 2021-03-25 17:28:15 · 839 阅读 · 0 评论 -
vue中路由跳转页面
跳转路由很简单,我们可以通过this.$router.push(location) 来修改 url,完成跳转push后面可以是对象也可以是字符串:跳转页面并传递参数的方法:第一种.Params由于动态路由也是传递params的,所以在 this.$router.push() 方法中path不能和params一起使用,否则params将无效。需要用name来指定页面。及通过路由配置的name属性访问在路由配置文件中定义参数通过name获取页面,传递params:this.$router.p原创 2021-03-25 17:12:19 · 246 阅读 · 0 评论 -
element-ui中的表格el-table滚动条样式修改
参考: // 滚动条的宽度 /deep/ .el-table__body-wrapper::-webkit-scrollbar { width: 6px; // 横向滚动条 height: 6px; // 纵向滚动条 必写 } // 滚动条的滑块 /deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 3px; }原创 2021-03-24 18:09:08 · 883 阅读 · 0 评论 -
手动调用element DateTimePicker 日期时间选择器关闭事件
有时候手动调用控件的关闭隐藏控件事件官网api中没有此事件,查看源码发现有一个handleClose事件,亲测可用,在日期选择控件上设置ref,直接调用handleClose()可达到关闭日期控件的作用原创 2021-03-04 14:07:55 · 2293 阅读 · 1 评论 -
在Echarts扇形图中添加点击事件
在Echarts扇形图中添加点击事件在vue中使用echartsscript 部分有这样一个需求,在echarts中点击某一块弹出列表展示数据,这个时候需要用到echarts的点击事件在vue中使用echarts<template> <div class="pie" style="width:100%"> <div id="pie1" style="width:100%"> <!-- 为 ECharts 准备一个具备大小(宽高)的 DO原创 2021-03-03 17:48:52 · 3543 阅读 · 1 评论 -
文件上传进度条(基于vue+element)
直接上图 <el-dialog title="上传文件" :visible.sync="dialoguploadingShow"> <el-upload class="upload-demo" :auto-upload="false" ref="upload" action="Fake Action" :on-preview="handlePreview" :on-remove="原创 2021-03-02 10:43:03 · 1132 阅读 · 2 评论 -
解决uni pdf.js 接口请求后台文件流显示白屏问题
解决uni pdf.js 接口请求后台文件流显示白屏问题pdf.js的使用这里不再多介绍了,直接奔向主题。但是我需要的是这个样子的结果就显示肯定是不行的。。。查阅资料修改代码参考文章pdf.js的使用这里不再多介绍了,直接奔向主题。场景介绍:文件管理系统,要求文档可以预览pdf,向后台请求拿到文件流。网上查到的资料都是这个样子的通过页面参数传值的方式加载pdf文件 file的值需要URLEncode编码 指向服务器端例如: http://xxxxx.com:89/demo/fileupdown原创 2021-03-01 17:15:37 · 3086 阅读 · 9 评论 -
Vue实现购物小球抛物线
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2020-11-20 17:26:27 · 1819 阅读 · 9 评论